Dynamically created divs aren't clickable
<p>Can't dynamically create a div with a clickable class:</p>

<p>HTML:</p>

<pre><code>&lt;div id="line1"&gt;
    &lt;div class='clickMe'&gt;old clickable text&lt;/div&gt;
&lt;/div&gt;

&lt;div id="line2"&gt;
    &lt;div class='dontClickMe'&gt;old unclickable text&lt;/div&gt;
&lt;/div&gt;

&lt;div id='button'&gt;button&lt;/div&gt;
</code></pre>

<p>Javascript:</p>

<pre><code>$('.clickMe').click(function() {
    alert("foo");
});

$('#button').click(function() {
    $('#line2').html("&lt;div class='clickMe'&gt;new clickable text&lt;/div&gt;");
});
</code></pre>

<p>Clicking the button replaces the code in line2.  It looks fine in debugging tools, i.e. Chrome dev elements.  </p>

<p>But the "new clickable text" in line2 is not clickable.</p>
