title: css class selector not working and not sure why
body: <p>In my project you can click on a region and it's county crest appears at the bottom. </p>
  
  <p><a href="http://danu2.it.nuigalway.ie/09101916/qtipdemo2/" rel="nofollow">my project</a></p>
  
  <p>I have some jquery to hover on the newly added crests and I want to use the selector on their class. Each crest is added with:</p>
  
  <pre><code>$("#selectResult").append("&lt;div id='"+arr[this.id]+"' class='inline'&gt;&lt;/div&gt;");
  var addThis = arr[this.id];
  $("#" + addThis).css({'background-image' : 'url(./coatofarms/'+arr[this.id]+'.png)',
  'background-repeat': 'no-repeat',
  'background-position': 'bottom'});
  </code></pre>
  
  <p>and my jquery test hover is:</p>
  
  <pre><code> $(".inline").hover(function(){
           alert('in');
  }, function(){
           alert('out');
  });
  </code></pre>
  
  <p>The class is .inline and yet the select does not work(?) Test on a div ID and it works perfectly. 
  Could someone please tell me where I've gone wrong?
  tia</p>