Sending element id's upon form submit
<p>I need to take the data I get from an element id pulled from dropped items (using jqueryui draggables/droppables/sortables) to be sent via a form (to be emailed) along with data here:</p>

<pre><code>      function submitForm() {
$.ajax({type:'POST',
       url: 'send_tile.php',
       data:$('#tiles_collected').serialize(), 
       success: function(response) {
    $('#tiles_collected').find('.form_result').html(response);
}});

return false;
   }
</code></pre>

<p>the function for getting the ids is this (not sure if it works right yet either):</p>

<pre><code>  function getSku() {
var myIds = new array();
        $("#collection li").each(function(index, element){
              alert($(this).attr('id'));
           myIds.push(element.id);

            });
</code></pre>

<p>and the form looks like this:</p>

<pre><code>     &lt;form id="tiles_collected" name='tiles_collected' method="post" onsubmit="return submitForm();"&gt;
      Email:&lt;input name='email' id='email' type='text'/&gt;&lt;br /&gt;
      Name:&lt;input name='name' id='name' type='text' /&gt;&lt;br /&gt;
       Zip code: &lt;input name='zip' id='zip' type='text' /&gt;&lt;br /&gt;
       &lt;input type='hidden' id='sku' /&gt;
       &lt;input type="submit" name="submit" value="Email collection to yourself and us" /&gt;&lt;br/&gt;
       &lt;div class="form_result"&gt;&lt;/div&gt;
       &lt;/form&gt;
</code></pre>

<p>Can anyone give me an assist?</p>
