title: jQuery sortable add extra info
body: <p>I have a <code>li</code> list that I have made sortable through jQuery. I need to add a few hidden values to this serialized data to make sure the update is going to the right place.</p>
  
  <p>How would I do this?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul id="reportNav"&gt;
    &lt;li id=page_1&gt;Page 1&lt;/li&gt;
    &lt;li id=page_2&gt;Page 2&lt;/li&gt;
    &lt;li id=page_3&gt;Page 3&lt;/li&gt;
    &lt;li id=page_4&gt;Page 4&lt;/li&gt;
    &lt;li id=page_5&gt;Page 5&lt;/li&gt;
    &lt;li id=page_6&gt;Page 6&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$("#reportNav").sortable({
      stop : function(event, ui){
      var url = "/pages/saveOrder.php";
        $.ajax({
           type: "POST",
           url: url,
           data: $(this).sortable('serialize');,
           success: function(data) { alert(data); },
           error: function(data) { alert("Failure"); }
         });
       }
  });
  </code></pre>
  
  <p><strong>Outputted Data:</strong> <code>page[]=1&amp;page[]=2&amp;page[]=3&amp;page[]=4&amp;page[]=5&amp;page[]=6</code></p>
  
  <p><strong>Data I need to add:</strong> Specific <code>reportID</code> that is in the HTML</p>