title: Remove row change next all row id in table jquery
body: <p>Im using  <a href="https://github.com/SiZEg/yii-editable-grid" rel="nofollow">yii-editable-grid</a> </p>
  
  <p>Example:</p>
  
  <pre><code>&lt;tbody&gt;
      &lt;tr id='0'&gt; &lt;td&gt;Row 1&lt;/td&gt; &lt;td&gt;Delete&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id='1'&gt; &lt;td&gt;Row 2&lt;/td&gt; &lt;td&gt;Delete&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id='2'&gt; &lt;td&gt;Row 3&lt;/td&gt; &lt;td&gt;Delete&lt;/td&gt;&lt;/tr&gt;
      &lt;tr id='3'&gt; &lt;td&gt;Row 4&lt;/td&gt; &lt;td&gt;Delete&lt;/td&gt;&lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>When Delete Row 2 should change the ID of next row in a table</p>
  
  <pre><code>&lt;tbody&gt;
        &lt;tr id='0'&gt; &lt;td&gt;Row 1&lt;/td&gt; &lt;/tr&gt;      
        &lt;tr id='1'&gt; &lt;td&gt;Row 3&lt;/td&gt; &lt;/tr&gt;
        &lt;tr id='2'&gt; &lt;td&gt;Row 4&lt;/td&gt; &lt;/tr&gt;
   &lt;/tbody&gt;
  </code></pre>
  
  <p>Please anyone help to resolve this ?</p>