title: Jquery .live deprecated, can't get .on to work with run time elements
body: <p>I'm using nodejs with socket.io, express, jade, jsdom, jquery and mongoose and I have page elements being loaded in client side via a socket.io event from the server (which goes off scraping a few pages to get various things)</p>
  
  <p>It all works and everything gets loaded in fine, but I need the run time loaded elements (either divs, list or table [i've tried them all]) to be used with jquery, after doing a bit of research I found jQueries .live, which was removed in version 1.9. So I tried the following...</p>
  
  <pre><code>$('.vid_item').on('mouseover', function(event) {
      if (event.type == 'mouseover') {
          alert('Yay, mouse-over on the loaded element');
      } else {
          // do something on mouseout
      }
  });
  </code></pre>
  
  <p>As a test I have a '.vid_item' div in the jade layout, loaded alongside the rest of the page, and the mouse over event works perfectly on that element, but still doesn't work the items loaded in after the server comes back with it's data and fires the socket.io event to add items to the page.</p>
  
  <p>Am I missing something? Can provide other bits of code from the project if needs be!</p>
  
  <p>Cheers in advance!</p>