title: jQuery sortable manually Trigger the sortstop event
body: <p>Is it possible to manually trigger the <a href="http://jqueryui.com/demos/sortable/#event-stop" rel="nofollow">sortstop</a> event of a jQuery sortable control?</p>
  
  <p>I have tried <code>$(selector).trigger('sortstop')</code> but nothing seems to happen.</p>
  
  <p>some of the relevant HTML:</p>
  
  <pre><code>&lt;div data-zone="name"&gt;
      &lt;div class="section disabled" id="section-1"&gt;Some section template 1&lt;/div&gt;
      &lt;div class="section" id="section-2"&gt;Some section template 2&lt;/div&gt;
      &lt;div class="section" id="section-3"&gt;Some section template 3&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;button class="trigger-button"&gt;Trigger stop&lt;/button&gt;
  </code></pre>
  
  <p>and some of the JavaScript:</p>
  
  <pre><code>$("[data-zone]").sortable({
      placeholder: 'ui-state-highlight',
      cancel : ".section.disabled",
      stop: function(){
         console.log('sort-stopped');        
      }
  })
  
  $(".trigger-button").click(function(){
      console.log('trigger-button clicked');
      var $zone = $('[data-zone]');
      console.log($zone);
      $zone.trigger('sortstop');
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/tomprogramming/xCtqJ/12/" rel="nofollow">JsFiddle</a> of the problem.</p>