title: How to add ajax post query send
body: <p>Please, help solve my problem.
  Is an example of a site jQueryUI - <a href="http://jqueryui.com/sortable/#connect-lists" rel="nofollow">http://jqueryui.com/sortable/#connect-lists</a></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;title&gt;jQuery UI Sortable - Connect lists&lt;/title&gt;
    &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"&gt;
    &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt;
    &lt;style&gt;
    #sortable1, #sortable2 {
      border: 1px solid #eee;
      width: 142px;
      min-height: 20px;
      list-style-type: none;
      margin: 0;
      padding: 5px 0 0 0;
      float: left;
      margin-right: 10px;
    }
    #sortable1 li, #sortable2 li {
      margin: 0 5px 5px 5px;
      padding: 5px;
      font-size: 1.2em;
      width: 120px;
    }
    &lt;/style&gt;
    &lt;script src="https://code.jquery.com/jquery-1.12.4.js"&gt;&lt;/script&gt;
    &lt;script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;script&gt;
    $( function() {
      $( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable"
      }).disableSelection();
    } );
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;ul id="sortable1" class="connectedSortable"&gt;
    &lt;li class="ui-state-default"&gt;Item 1&lt;/li&gt;
    &lt;li class="ui-state-default"&gt;Item 2&lt;/li&gt;
    &lt;li class="ui-state-default"&gt;Item 3&lt;/li&gt;
    &lt;li class="ui-state-default"&gt;Item 4&lt;/li&gt;
    &lt;li class="ui-state-default"&gt;Item 5&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul id="sortable2" class="connectedSortable"&gt;
    &lt;li class="ui-state-highlight"&gt;Item 1&lt;/li&gt;
    &lt;li class="ui-state-highlight"&gt;Item 2&lt;/li&gt;
    &lt;li class="ui-state-highlight"&gt;Item 3&lt;/li&gt;
    &lt;li class="ui-state-highlight"&gt;Item 4&lt;/li&gt;
    &lt;li class="ui-state-highlight"&gt;Item 5&lt;/li&gt;
  &lt;/ul&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I need to send a ajax post request to the server when you add the element in sortable1 and sortable2. How to this make? Thanks.</p>