title: How to bind .hover() to dynamically created "li" elemtent?
body: <p>All the solutions I was able to find suggests to use <code>.live()</code> method. But as of today it is deprecated. </p>
  
  <p><code>.hover()</code> works perfectly on "li" elements not created dynamically. But once I append new "li" <code>.hover()</code> is not triggered at all. </p>
  
  <p>Anybody has figured this one out?</p>