title: jQuery bind event does not work at all
body: <p>I did everything I could to make it happen, but without success.  </p>
  
  <p>The problem is that I create an element on runtime then bind a function to the element like the following code:</p>
  
  <pre><code>$(document).ready(function() {
  
    $('.rem').click(function() {
      $("body").append('&lt;a id="runtime" href="javascript:void(0);"&gt;runtime&lt;/a&gt;');
    });
  
    $('#runtime').bind('click', func_name());
  
  });
  
  //End of doc
  function func_name() {
    alert('I got it!');
  }
  </code></pre>
  
  <p>In the HTML code I have a label like below:  </p>
  
  <pre><code>&lt;div id="body"&gt;
    &lt;label class="rem"&gt;click me&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>My second attempt</strong></p>
  
  <pre><code>$(document).ready(function() {
  
    $('.rem').click(function() {
      $("body").append('&lt;a id="runtime" href="javascript:void(0);"&gt;runtime&lt;/a&gt;');
    });
  
    $('#runtime').bind('click',function() {
      alert($(this).text());
    });
  
  });
  //End of doc
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div id="body"&gt;
    &lt;label class="rem"&gt;click me&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>