What's wrong with this JQuery?
<p>When I do</p>

<pre><code>$(document).ready(function(){
   $('form').live('submit', function(){
      $('#template').tmpl([{ "id" : "555" }, { "in" : "checked" }   ]).prependTo('#content');
   });
});
</code></pre>

<p>with and with HTML</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html dir="ltr"&gt;
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;

    &lt;script src="http://code.jquery.com/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://jqueryui.com/ui/jquery.ui.core.js"&gt;&lt;/script&gt;
        &lt;script src="http://jqueryui.com/ui/jquery.ui.widget.js"&gt;&lt;/script&gt;
    &lt;script src="http://jqueryui.com/ui/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"&gt;&lt;/script&gt;

    &lt;script type="text-x-jquery/template" id="template"&gt; 
      &lt;form action="" method="post"&gt;
      "${id}" &lt;div class="cellData cellRadios"&gt; &lt;input name="ctype" value="individuel" type="radio" "${in}"/&gt; &lt;/div&gt;
      &lt;/form&gt;
    &lt;/script&gt;

  &lt;/head&gt;
  &lt;body&gt;

  &lt;form action="" method="post"&gt;
  &lt;input value="Save" type="submit"&gt;
  &lt;/form&gt;

  &lt;br&gt;&lt;br&gt;

  &lt;div id="content"&gt; &lt;/div&gt;
</code></pre>

<p>then Error Console in Firefox says Syntax Error in line 1 of <code>jquery.tmpl.min.js</code> which is from <a href="http://api.jquery.com/jquery.tmpl/" rel="nofollow">JQuery.tmpl()</a></p>

<p>JSFiddle at</p>

<p><a href="http://jsfiddle.net/Cu5Mj/4/" rel="nofollow">http://jsfiddle.net/Cu5Mj/4/</a></p>

<p>Is it </p>

<pre><code>$('#template').tmpl([{ "id" : "555" }, { "in" : "checked" }   ]).prependTo('#content');
</code></pre>

<p>that is wrong?</p>

<p><strong>Update</strong> Updated JSFiddle and post with code that fails.</p>
