使用Javascript生成SVG

Question

我正在尝试使用javascript生成svg。这是我的html SVG：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" style="width: 50px;">
  <ellipse cx="26" cy="26" rx="12" ry="16" fill="#ED1F24"/>
</svg>

现在这里是用jquery重新创建的SVG：

var svgContainer = $('<SVG/>',{
    "version":"1.1",
    "xmlns":"http://www.w3.org/2000/svg",
    "xmlns:xlink":"http://www.w3.org/1999/xlink",
    "viewBox":"0 0 50 50",
    "width":"50px"
});

var ellipse = $('<ELLIPSE/>',{
    "cx":"26",
    "cy":"26",
    "rx":"12",
    "ry":"16",
    "fill":"#ED1F24"
}).appendTo(svgContainer);

svgContainer.appendTo($('body'))

html输出相同但生成的svg不会出现。这是一个例子：

http://jsfiddle.net/w0L62rgw/

为什么不起作用？