Open a new tab (window) by clicking a link in jquery

I have a web application that displays rows with goand deletebuttons .

If the user clicks go, it should open a new tab/window with a url built from the row data.

How to do this in jquery? What I am doing is:

$('.go').click( function () {
   var wid = {{ wid|tojson|safe }};
   var sid = $(this).prop('id');
   url = $script_root + '/' + wid + '/' + sid;

   // go to url
});

Some updates:

What I'm really tring to do is dynamically update hrefthe <a>element.

<a id="foo" href="#">foo</a>
<script type="text/javascript>
$('#foo').click( function() {
  $(this).prop('href', 'http://www.google.com/');
});
</script>

This does n't work (fiddle : http://jsfiddle.net/6eLjA/ )