title: Event binding on dynamically created elements?
body: <p>I have a bit of code where I am looping through all the select boxes on a page and binding a <code>.hover</code> event to them to do a bit of twiddling with their width on <code>mouse on/off</code>.</p>
  
  <p>This happens on page ready and works just fine.</p>
  
  <p>The problem I have is that any select boxes I add via Ajax or DOM after the initial loop won't have the event bound.</p>
  
  <p>I have found this plugin (<a href="http://brandonaaron.net/docs/livequery/#getting-started" rel="noreferrer">jQuery Live Query Plugin</a>), but before I add another 5k to my pages with a plugin, I want to see if anyone knows a way to do this, either with jQuery directly or by another option.</p>