title: jquery .hover not working on AJAX rendered elements
body: <p>I have some elements that are created from an AJAX call.  Within those elements, there is a child element that when hovered needs to show another child element that was dynamically created.  When I run the <code>.hover</code> jquery in a fiddle, it works fine.  When I implement it in my code, it doesn't want to work.</p>
  
  <p>I was wondering if it depends on when the <code>.hover</code> script is loaded vs when the elements are loaded from AJAX.  Does one need to go before the other?  Should a <code>.promise</code> be enacted to wait for the AJAX elements to load before the <code>.hover</code> script is run?</p>
  
  <p>Here is a <a href="http://jsfiddle.net/7dcuh/14/" rel="noreferrer">fiddle</a> of my example.</p>