I want to refresh dom if new element (clone object) appended in inner html
<p>I want to auto bind events of element(s) if i append element into <code>DOM</code> and the element is clone object. Here is code snippet:</p>

<p>HTML:</p>

<pre><code>&lt;input type="button" class="clickme" value="Click Me" /&gt;​
</code></pre>

<p>Javascript:</p>

<pre><code>$(document).ready(function(){
    $(".clickme").click(function(){
        alert("Clicked");
        var cloneElem = $(this).clone();
        //cloneElem.bind("click");
        cloneElem.attr("value", "Click Me" + $("input").length.toString());
        $(this).parent().append(cloneElem);
    });
});​
</code></pre>

<p>Result:</p>

<p><img src="http://i.stack.imgur.com/f5kS7.png" alt="enter image description here"></p>

<p>If I click on <code>Click Me1</code> then it should also trigger a event which is similar to <code>Click Me</code> </p>

<p>Note:
I don't want to use <code>Live function</code> of JQuery to trigger event.</p>
