title: Show/hide not working in IE8 - JQUERY
body: <p>I have tried looking at other questions similar to mine but none of them help me. </p>
  
  <p>I have some multiple divs that I need to show and hide one by one when the user clicks on an input. My code works well in all browsers except for IE8, where nothing happens in other words the divs do not show.
  Please can someone help me with this problem?</p>
  
  <p>here is my HTML</p>
  
  <pre><code>&lt;div id="tabbedBox"&gt;
                      &lt;form action="" method=""&gt;
                          &lt;div class="tabbed" id="selectMe"&gt;
                              &lt;input type="radio" target="1" id="pvl" name="radios" value="a" checked&gt;
                              &lt;label class="pvl"  for="pvl"&gt;PVL&lt;/label&gt;
                              &lt;input type="radio" target="2" id="cvl" name="radios" value="b"&gt;
                              &lt;label class="cvl" for="cvl"&gt;CVL&lt;/label&gt;
                              &lt;input type="radio" target="3" id="industrial" name="radios" value="c"&gt;
                              &lt;label class="industrial" for="industrial"&gt;Industrial&lt;/label&gt;
                              &lt;input type="radio" target="4" id="distributor" name="radios" value="d"&gt;
                              &lt;label class="distributor" for="distributor"&gt;Distributor&lt;/label&gt;
                          &lt;/div&gt;
  
  
  
  
  
                          &lt;div class="pvlBox tabbedContent" id="div1"&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="installed" name="radios" value="" checked&gt;
                                  &lt;label for="installed"&gt;Installed&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Installed&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="retail" name="radios" value=""&gt;
                                  &lt;label for="retail"&gt;Retail&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Retail&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="service" name="radios" value=""&gt;
                                  &lt;label for="service"&gt;Service Station&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Service Station&lt;/span&gt;
                          &lt;/div&gt;
  
                              &lt;div class="cvlBox tabbedContent" id="div2" style="display:none"&gt;
                                  CVL CONTENT
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="installed" name="radios" value="" checked&gt;
                                  &lt;label for="installed"&gt;Installed&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Installed&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="retail" name="radios" value=""&gt;
                                  &lt;label for="retail"&gt;Retail&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Retail&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="service" name="radios" value=""&gt;
                                  &lt;label for="service"&gt;Service Station&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Service Station&lt;/span&gt;
                          &lt;/div&gt;
                              &lt;div class="industrialBox tabbedContent" id="div3"  style="display:none"&gt;
                                  INDUSTRIAL CONTENT
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="installed" name="radios" value="" checked&gt;
                                  &lt;label for="installed"&gt;Installed&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Installed&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="retail" name="radios" value=""&gt;
                                  &lt;label for="retail"&gt;Retail&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Retail&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="service" name="radios" value=""&gt;
                                  &lt;label for="service"&gt;Service Station&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Service Station&lt;/span&gt;
                          &lt;/div&gt;
  
                              &lt;div class="distributorBox tabbedContent" id="div4"  style="display:none"&gt;
                                  DISTRIBUTOR CONTENT
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="installed" name="radios" value="" checked&gt;
                                  &lt;label for="installed"&gt;Installed&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Installed&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="retail" name="radios" value=""&gt;
                                  &lt;label for="retail"&gt;Retail&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Retail&lt;/span&gt;
                              &lt;div class="select"&gt;
                                  &lt;input type="radio" id="service" name="radios" value=""&gt;
                                  &lt;label for="service"&gt;Service Station&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;span&gt;Service Station&lt;/span&gt;
                          &lt;/div&gt;
  
                          &lt;br/&gt;
  
  
                      &lt;/form&gt;
              &lt;/div&gt;&lt;!--/end tabbedbox--&gt;
  </code></pre>
  
  <p>Here is the jquery code:</p>
  
  <pre><code>$('#pvl').click(function() {
          $('div[id^=div]').hide();
          $('#div1').show();
  
      });
      $('#cvl').click(function() {
          $('div[id^=div]').hide();
          $('#div2').show();
      });
  
      $('#industrial').click(function() {
          $('div[id^=div]').hide();
          $('#div3').show();
      });
  
      $('#distributor').click(function() {
          $('div[id^=div]').hide();
          $('#div4').show();
      });
  
  });
  </code></pre>