title: Jquery function click event not firing in IE8
body: <p>Does anyone know why, in this example, the click event is not being fired only in IE8? Basically, the css style after a click (<code>.zui-act</code>) should change the <code>background-color</code> of the <code>label</code>.</p>
  
  <p><a href="http://jsfiddle.net/7dFeS/" rel="nofollow">JSFIDDLE</a></p>
  
  <pre><code>&lt;div style="width:300px;"&gt;
     &lt;input type="radio" name="a" id="a" value="alpha" /&gt;
     &lt;label for="a"&gt;Alpha&lt;/label&gt;
     &lt;input type="radio" name="a" id="b" value="bravo" /&gt;
     &lt;label for="b"&gt;Bravo&lt;/label&gt;
     &lt;input type="radio" name="a" id="c" value="charly" /&gt;
     &lt;label for="c"&gt;Charly&lt;/label&gt;
  &lt;/div&gt;​
  
  $.radio = function(e) {
      var a = $('input:radio').filter(function(index) { return $(this).attr('name')==e });
      a.hide();
      a.siblings('label').addClass('zui-btn');
      a.click(function(){
          var f = $(this).attr('id');
          $('label').removeClass('zui-act').filter(function(index) {
              return $(this).attr('for')==f
          }).addClass('zui-act');
      });
  }
  
  $(document).ready(function(e) {
      $.radio('a'); 
  });
  </code></pre>