 <p>As you <code>.inline</code> append to DOM dynamically, so ordinary binding will not work here. You need delegate event handler to perform like following:</p> <pre><code>$('#selectResult').on('hover', '.inline', function(e) { if(e.type == "mouseenter") { alert('In'); } else { alert('Out'); } }); </code></pre> <p><a href="http://api.jquery.com/on" rel="nofollow"><strong><code>.on()</code></strong></a> method for delegate event handler need to use as following:</p> <pre><code>$(container).on(eventName, target, handlerFunction); </code></pre> <p>Here, <code>container</code> points to the element that is Static-element i.e. belongs to DOM at page load, not append dynamically. Try to avoid <code>document</code> or <code>body</code> as <code>container</code> reference.</p>