title: contenteditable not working in IE 10
body: <p>I am trying to create client side editable table. Here is my code. It works in Chrome, Firefox but not in IE. Is there anything more to do with script for IE?</p>
  
  <pre><code>&lt;script type="text/javascript"       src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function() {
  
  $("td").click(function(){
  if($(this).attr("contentEditable") == true){
      $(this).attr("contentEditable","false");
  } else {
      $(this).attr("contentEditable","true");
  }
  })
  });
  &lt;/script&gt;
  
  &lt;p&gt; 
  &lt;table id='transitTable' border="1" cellspacing="2" cellpadding="2" class='display'    width="400"&gt;
  &lt;tr id='1'&gt;
  &lt;td &gt;H1&lt;/td&gt;
  &lt;td &gt;H2&lt;/td&gt;
  &lt;td &gt;H3&lt;/td&gt;
  &lt;td &gt;H4&lt;/td&gt;&lt;/tr&gt;
  &lt;tr id='2'&gt;
  &lt;td &gt;R1&lt;/td&gt;
  &lt;td &gt;R1&lt;/td&gt;
  &lt;td &gt;R1&lt;/td&gt;
  &lt;td &gt;R1&lt;/td&gt;&lt;/tr&gt;
  &lt;tr id='3'&gt;
  &lt;td &gt;R2&lt;/td&gt;
  &lt;td &gt;R2&lt;/td&gt;
  &lt;td &gt;R2&lt;/td&gt;
  &lt;td&gt;R2&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/p&gt;
  </code></pre>