title: How to rebind event to dynamic created elements in jquery plugin?
body: <p>I am creating a plugin and got something problems:</p>
  
  <p>in the case:</p>
  
  <p>I have a list of un-list created by ajax loaded .such as :</p>
  
  <pre><code>&lt;ul id='ulist'&gt;
      &lt;li&gt;list 1&lt;/li&gt;
      &lt;li&gt;list 2&lt;/li&gt;
      &lt;li&gt;list 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>then <strong>li were binded</strong> with <strong>hover event</strong> when they loaded. such as :</p>
  
  <pre><code>$('ul').bind('hover',function(){});
  </code></pre>
  
  <p>but my plugin <strong>had a function to dynamic adding new li item to the ul[id='ulist'] which had been loaded</strong>.and the new li <strong>didn't get the hover event binding</strong>.Such as:</p>
  
  <pre><code>addNewLi : function(){
      $('&lt;li /&gt;').html('item N').appendTo('#ulist');
  }
  </code></pre>
  
  <p>So,I knew I should bind the new dynamic created elements by <strong>'live'</strong>,but I don't know where to put it or have other way ....</p>
  
  <p>Thank you very much!!</p>