用jQuery更改SVG的CSS

Question

我试图使该图像的眼睛颜色在单击按钮时发生变化。整个svg包含在jsfiddle链接中，但这是我要定位的元素：

 <ellipse class="eye-color" fill="#1b6811" stroke="#000000" stroke-width="0" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" cx="274" cy="285" rx="31" ry="35"/>

css：

.eye-color{
  fill: blue;
}

js：

$(document).ready(function(){
    $("button").click(function(){
        $(".eye_color").css('fill', 'red');
    });
});

https://jsfiddle.net/q85je4tv/1/

此代码无法正常工作，谢谢您的帮助。

编辑：刚刚注意到标签'jquery-svg'，使用jQuery处理svg图像是否需要此插件？