Why does this simple JQuery code throw an error?
<pre><code>&lt;script type="text/javascript"&gt;
    $(function(){
        for(var i=0;i&lt;7; i++){
            var guy_html = '&lt;div class="aname"&gt;&lt;input type="text" class="chatter_input autofriend" name="guy'+String(i) + '" /&gt;&lt;/div&gt;';
            $("div#guy_boxes").append(guy_html);
        }
    });
&lt;/script&gt;

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

<p>I just want 7 input boxes created and put into the div.</p>

<pre><code>Uncaught Syntax error, unrecognized expression: #
</code></pre>
