alert not being fired when I append a new div
<p>On this fiddle <a href="http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/46/" rel="nofollow">http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/46/</a> the divs 'Hello 01' &amp; 'Hello 02' fire an alert when they are clicked. When i click 'Add New' a new div is added but when I click on this div the alert is not fired even though it is styled with same css .</p>

<p>How can I amend this so that the alert is fired when a new div is appended ?</p>

<p>Code from jsFiddle for posterity</p>

<p>JS</p>

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

    $("#button").click(get);   
    function get() {
        $(".connected").append("&lt;div class=\"myDivs\"&gt;hello&lt;/div&gt;");
    }
});
</code></pre>

<p>HTML</p>

<pre><code>&lt;div class="connected"&gt;
    &lt;div class="myDivs"&gt;Hello 01&lt;/div&gt;
    &lt;div class="myDivs"&gt;Hello 02&lt;/div&gt;
&lt;/div&gt;
&lt;input name="Button3" type="button" value="Add New" id="button"&gt;
</code></pre>

<p>​
​</p>
