jQuery css display problem with I.E
<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>
