title: click event on DIV not working in IE
body: <p>here is my code (html)</p>
  
  <pre><code>&lt;div id="navig" style="font-family: arial; font-size: 12px; font-weight: normal;"&gt;
  &lt;div id="navfirst"&gt;&lt;a href="#"  style="text-decoration: none;"&gt;First&lt;/a&gt;&lt;/div&gt;
  &lt;div id="navnum"&gt;&lt;a href="#"  style="text-decoration: none;"&gt;1&lt;/a&gt;&lt;/div&gt;
  &lt;div id="navnum"&gt;&lt;a href="#"  style="text-decoration: none;"&gt;2&lt;/a&gt;&lt;/div&gt;
  &lt;div id="navnum"&gt;&lt;a href="#"  style="text-decoration: none;"&gt;3&lt;/a&gt;&lt;/div&gt;
  &lt;div id="navnum"&gt;&lt;a href="#"  style="text-decoration: none;"&gt;4&lt;/a&gt;&lt;/div&gt;
  &lt;div id="navnum"&gt;&lt;a href="#"  style="text-decoration: none;"&gt;5&lt;/a&gt;&lt;/div&gt;
  &lt;div id="navlast"&gt;&lt;a href="#"  style="text-decoration: none;"&gt;Last&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>
     <br />
     </p>
  
  <pre><code> $( document ).ready(function( ) {
   $('div #navnum').click( function ( ) {
      var divtext =  $(this).text( ) ;
      $( this ).css('background-color', '#f99');
      $( this ).prevAll( ).css('background-color', '');
      $( this ).nextAll( ).css('background-color', '');
      $('#pgnum').html( '&lt;p&gt;clicked page number ' + divtext  + '&lt;/p&gt;' ).fadeIn( 100 );
  });
  
   });
  </code></pre>
  
  <p>works fine on firefox and chrome, but not in IE 8, how to make it work in IE</p>