.html not working as intended
<pre><code>$('#clicker').click(function () {
 collegeArray = ["Harvard", "Yale", "Princeton"];
 alert(collegeArray.length);
 for (var i = 0; i &lt; collegeArray.length; i++) {
     var divIdName = 'college' + i + 'Div'; //manuplating name of each div generated dynamically
     var newdiv = document.createElement('div')
     .setAttribute('id', divIdName) //setting the name of each div created dynamically
     .html('&lt;p&gt;' + collegeArray.toString() + '&lt;/p&gt;')
     appendTo($(#'survey'));
 }
});
</code></pre>

<p>The above code should append html everytime the clicker button is pressed, but it's not working. I'm not sure what I'm doing wrong here</p>

<p><a href="http://jsfiddle.net/HvJnH/19/" rel="nofollow">http://jsfiddle.net/HvJnH/19/</a></p>
