title: Jquery show() function not working in IE8
body: <p>I have the following code that works well in Chrome and Firefox, but not IE8 or, I'm assuming, versions lower than 8.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function() {
        $('div.hidden').hide();
        $('input.show:checked').each(function() {
              $('#' + $(this).val()).show();
        });
        $('input.show').click(function() {
              $('div.hidden').hide();
              $('#' + $(this).val()).show();
        });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>At first I thought it may be due to the <code>:checked</code> selector, so I changed my code to the following:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function() {
        $('div.hidden').hide();
        $('input.checked').each(function() {
              $('#' + $(this).val()).show();
        });
        $('input.show').click(function() {
              $('div.hidden').hide();
              $('#' + $(this).val()).show();
        });
        $("input[type='checkbox']").click(function() {
              $(this).parent().toggleClass("checked", this.checked);
        });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>No luck, so then I tried using IE9.js and then IE8.js, both with no effect. After that, I went back to fooling around with the selectors and tried swapping this:</p>
  
  <pre><code>$('input.checked').each(function() {
  </code></pre>
  
  <p>With this:</p>
  
  <pre><code>$('input[checked="checked"]').each(function() {
  </code></pre>
  
  <p>Again, I came up empty handed, so now I'm starting to think it may not be the selector. I've searched here and of course Google but haven't been able to come up with anything. Can anyone tell me why my code isn't working in IE8? Here is a JSFiddle as well: <a href="http://jsfiddle.net/DrydenLong/bP4Uf/" rel="nofollow">http://jsfiddle.net/DrydenLong/bP4Uf/</a> </p>
  
  <p>Thank you!</p>