title: Jquery sortable: How to change font-size for the row that was dragged
body: <pre><code>&lt;table&gt;
     &lt;thead&gt;
       &lt;tr&gt;
        &lt;th nowrap align="left" &gt;Sort&lt;/th&gt;
        &lt;th nowrap align="left" &gt;User&lt;/th&gt;
       &lt;/tr&gt;
     &lt;/thead&gt;
     &lt;tbody id="sort"&gt;
       &lt;tr&gt;
        &lt;td&gt;1&lt;/td&gt;
        &lt;td&gt;Jay&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
        &lt;td&gt;2&lt;/td&gt;
        &lt;td&gt;Mike&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
        &lt;td&gt;3&lt;/td&gt;
        &lt;td&gt;Jenny&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
        &lt;td&gt;4&lt;/td&gt;
        &lt;td&gt;Fiona&lt;/td&gt;
       &lt;/tr&gt;
     &lt;/tbody&gt;
  &lt;/table&gt;   
  
  
  
  $( "#sort" ).sortable({
      stop: function( ) {
        $(this).css('font-size', '20px');
     }
  });
  </code></pre>
  
  <p>I am using Jquery sortable on a table, I want to change the font-size of the row that was last dragged and dropped, so the users know which row they just dragged, I have the above JS, but it is setting the css for 2 rows, seems to the the row that was dragged and dropped and the row after it, instead of just the row that was dragged and dropped.</p>
  
  <p>I am new to JS and am very confused as to why this is happening and what to do to fix it. </p>
  
  <p>Any helps is appreciated. Thanks.</p>