Я пытаюсь добавить текстовый элемент в<g> элемент в документе SVG с использованием JavaScript мой код выглядит следующим образом

function addText(x,y,val){
var newtxt = document.createElementNS("http://www.w3.org/2000/svg", "text");
$newtxt = $(newtxt);
$newtxt.attr('x',x);
$newtxt.attr('y',y);
$newtxt.attr('font-size','100');
$newtxt.val(val);

$newtxt.appendTo($('g'));}

но когда я запускаю его, текст не отображается. элемент добавляется в<g> элемент, но значение не установлено .. какие-либо идеи, как решить эту проблему ??