Click event not firing with dynamically create buttons
<p>I have dynamically created the buttons in a div. And binding the click and other events for the buttons. But the problem is, click event fired only one for first clicked button. It happens same for the other binding events. The sample code is </p>

<pre><code> $('#divButtons input[type=button]').each(function () {
     $(this).bind('mouseover', function (e) {
         // some work
     }).bind('mouseout', function (e) {
         // some work
     }).bind('click', function (e) {
         // some work
     });
 });
</code></pre>

<p>It works good when bind it on <code>document.ready()</code> But in my case buttons created far after DOM ready.</p>

<p>I also want to know why it behaves like this...?</p>
