title: jQuery css display problem with I.E
body: <p>I have this code to display->block or none when click one of them:</p>
  
  <pre><code>$('#kktekcekimid').click(function(){
      $('#efthavale').css('display','none');  
      $('#kapida').css('display','none'); 
      $('#kredikarti').css('display','block');    
      $('#kredikartitaksit').css('display','none');   
      $('#odemetipi').attr('value','kktekcekim'); 
  });
  
  $('#kktaksitid').click(function(){
      $('#efthavale').css('display','none');  
      $('#kapida').css('display','none'); 
      $('#kredikarti').css('display','none'); 
      $('#kredikartitaksit').css('display','block');
      $('#odemetipi').attr('value','kktaksitli'); 
  }); 
  
  $('#havaleeftid').click(function(){
      $('#efthavale').css('display','block'); 
      $('#kapida').css('display','none'); 
      $('#kredikarti').css('display','none'); 
      $('#kredikartitaksit').css('display','none');
      $('#odemetipi').attr('value','havaleeft');  
  }); 
  
  $('#kapidaodemeid').click(function(){   
  
      $('#kapida').css('display','block');
      $('#efthavale').css('display','none');  
      $('#kredikarti').css('display','none'); 
      $('#kredikartitaksit').css('display','none');
      $('#odemetipi').attr('value','kapidapesin');    
  });
  </code></pre>
  
  <p>and this is default html code which  includes divs above:</p>
  
  <pre><code>&lt;input id="radioDefault_2" name="Fieldss" type="hidden" value="" /&gt; 
  &lt;span&gt; 
  &lt;input id="kktekcekimid" name="Field2" type="radio" class="field radio" value="Online Kredi Kartı" &lt;?php echo $kktekcekim_value;?&gt; tabindex="5" onchange="handleInput(this);" onmouseup="handleInput(this);" required /&gt; 
  &lt;label class="choice" for="kktekcekimid" &gt; 
  Online Kredi Kartı &lt;strong&gt;Tek Çekim&lt;/strong&gt;&lt;/label&gt; 
  &lt;/span&gt; 
  &lt;span&gt; 
  &lt;input id="kktaksitid" name="Field2" type="radio" class="field radio" value="Online Kredi Kartı" &lt;?php echo $kktaksitli_value;?&gt; tabindex="5" onchange="handleInput(this);" onmouseup="handleInput(this);" required /&gt; 
  &lt;label class="choice" for="kktaksitid" &gt; 
  Online Kredi Kartı &lt;strong&gt;Taksitli&lt;/strong&gt;&lt;/label&gt; 
  &lt;/span&gt;
  &lt;span&gt; 
  &lt;input id="havaleeftid" name="Field2" type="radio" class="field radio" value="Havale/EFT" &lt;?php echo $havaleft_value;?&gt; tabindex="6" onchange="handleInput(this);" onmouseup="handleInput(this);" required /&gt; 
  &lt;label class="choice" for="havaleeftid" &gt; 
  Havale/EFT&lt;/label&gt; 
  &lt;/span&gt; 
  &lt;span&gt; 
  &lt;input id="kapidaodemeid" name="Field2" type="radio" class="field radio" value="Kapıda Peşin" &lt;?php echo $kapidapesin_value;?&gt; tabindex="7" onchange="handleInput(this);" onmouseup="handleInput(this);" required /&gt; 
  &lt;label class="choice" for="kapidaodemeid" &gt; 
  Kapıda Peşin&lt;/label&gt; 
  &lt;/span&gt;
  
  &lt;div id="efthavale" style="display:none"&gt;&lt;/div&gt;
  &lt;div id="kapida" style="display:none"&gt;&lt;/div&gt;
  &lt;div id="kredikarti" style="display:none"&gt;&lt;/div&gt;
  &lt;div id="kredikartitaksit" style="display:none"&gt;&lt;/div&gt;
  &lt;div id="kisiselbilgiler" style="display:block"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This works on chrome and firefox. But on ie, it always shows  as default and does not show other divs when click. (and does not hide id="kredikarti" style="display:none" div.)</p>
  
  <p>And also it never displays this div as default:  id="kisiselbilgiler" style="display:block"</p>
  
  <p>What can be the problem?</p>