title: focus not working in editable table
body: <p>I want to navigate through tab key but focus() is not working.This is bootstrap table.here is my code.check last two lines.when i click on n number of cells and again navigate.it's working. </p>
  
  <p>Table code:</p>
  
  <pre><code>        &lt;table class="table table-bordered" id="tab1"&gt;
          &lt;thead class="mbhead"&gt;
             &lt;tr class="mbrow"&gt;
                &lt;th&gt;&lt;/th&gt;
                &lt;th&gt;A&lt;/th&gt;
                &lt;th&gt;B&lt;/th&gt;
                &lt;th&gt;C&lt;/th&gt;
                &lt;th&gt;D&lt;/th&gt;
                &lt;th&gt;E&lt;/th&gt;
                &lt;th&gt;F&lt;/th&gt;
                &lt;th&gt;G&lt;/th&gt;
                &lt;th&gt;H&lt;/th&gt;
                &lt;th&gt;I&lt;/th&gt;
                &lt;th&gt;J&lt;/th&gt;
                &lt;/tr&gt;
         &lt;/thead&gt;
         &lt;tbody&gt;
          &lt;tr&gt;
           &lt;td&gt;1&lt;/td&gt;
           &lt;td&gt;asd&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td&gt;ddd&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
           &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;
         &lt;tr&gt;
          &lt;td&gt;2&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;
       &lt;/body&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Edit code:</p>
  
  <pre><code>        function init(){
  
         $("#tab1 tr td:not(:first-child)").on("click", function (e) {
             console.log(e);
               mytd=$(this);//mytd is defined here
              if(e.currentTarget.contentEditable != null){
                   $(e.currentTarget).attr("contentEditable",true);
               }
              else{
                    $(e.currentTarget).append("&lt;input type='text'&gt;");
               }
            }); 
  
            $(this).keydown(function (event) {
  
               if (event.keyCode == 9){                       // tab key for navigation
                         event.preventDefault();
                         $(mytd).next('td').html("abcd");//working
                         $(mytd).next('td').focus();//cursor is not moving
                         return false;
                  }
              }      
            }
  </code></pre>
  
  <p>thanx.</p>