title: How to pass serialized data to hidden html field
body: <p>Using <a href="http://johnny.github.io/jquery-sortable/" rel="nofollow">http://johnny.github.io/jquery-sortable/</a>
  (refer to: Connected lists with limited drop targets)</p>
  
  <p>This line:</p>
  
  <pre><code> onDrop: function (item, container, _super) {
     $('#serialize_output').text(group.sortable("serialize").get().join("\n"))
     _super(item, container)
   },
  </code></pre>
  
  <p>Outputs serialized data as:</p>
  
  <pre><code>Fourth Item,First Item,Second Item,Third Item
  </code></pre>
  
  <p>Which can be visualized using:</p>
  
  <pre><code>&lt;pre id="serialize_output"&gt;&amp;nbsp;&lt;/pre&gt;
  </code></pre>
  
  <p>I want to output it into <code>hidden input</code> field <code>value field</code> not as text between <code>&lt;pre&gt;</code> and <code>&lt;/pre&gt;</code>.</p>