Get inputs value and separated by "|"
<p>I have inputs and I need to get values and separated by <code>"|"</code> symbol.</p>

<p>My input:</p>

<p><img src="http://i.stack.imgur.com/BVsDV.png" alt="enter image description here"></p>

<p>Output what I need:</p>

<p><strong>00:00|00:00|00:00</strong></p>

<p>My code is :</p>

<p>(and it's not working)</p>

<pre><code>var timesArray = $('table').find('input');
var times = timesArray.val();

$('.alltimes').val(times);
</code></pre>
