title: Moving an item programmatically with jQuery sortable while still triggering events
body: <p>I am using jQuery Sortable.  I have the HTML setup like so:</p>
  
  <pre><code>&lt;ul id='plan'&gt;
    &lt;li class='item'&gt;1&lt;/li&gt;
    &lt;li class='item'&gt;2&lt;/li&gt;
    &lt;li class='item'&gt;3&lt;/li&gt;
    &lt;li class='item'&gt;4&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to programmatically move an <code>&lt;li&gt;</code> to a different position. I can achieve this with the following JS:</p>
  
  <pre><code>$("#plan li:eq(1)").insertAfter($("#plan li:eq(2)"));
  </code></pre>
  
  <p>This works fine except it does not trigger the sortable events like change or update. I have a function which is run on the update event of the sortable but moving the li with JS does not trigger this.</p>
  
  <p>Does anyone know how to trigger the sortable update event?</p>