Extraxt values and distribute with jquery
<p>This question is the <strong>opposite</strong> of <a href="http://stackoverflow.com/questions/9135079/collect-several-input-fields-and-insert-into-a-single-field-with-jquery/9135129#9135129">Collect several input fields and insert into a single field with jquery</a></p>

<p>I have 4 input textfields, and a single textfield that should extract its value and distribute them into each separate input using index.
I am expecting a reverse process (from the previous question) to get default value from <strong>distributor</strong> to be distributed/ populated into <strong>distributed</strong> textfield. Each value is pipe delimited.</p>

<pre><code>&lt;input type="text" value="Data 1 | Null | Data 3 | Data 4" class="distributor"&gt;

&lt;input type="text" class="distributed"&gt;
&lt;input type="text" class="distributed"&gt;
&lt;input type="text" class="distributed"&gt;
&lt;input type="text" class="distributed"&gt;
</code></pre>

<p>The distributor has an array-like value string: Data 1 | Null | Data 3 | Data 4</p>

<p>Null is accepted from original process, simply to maintain the process of explode and implode by PHP.</p>

<p>So input#1 will recieve Data 1, etc in an indexed manner, hopefully, because the order is fixed and using <strong>name</strong> attributes seems redundant.</p>

<p>Any hint is very much appreciated. Thanks</p>
