title: How to insert delimiters after each element?
body: <p>I have, in a div, a few hyperlinks. The number of hyperlinks, however, varies. There's no saying what it will be. It can be One, Two, N. What IS known, is that there's always at least one hyperlink in the div.</p>
  
  <p>I have, right now, the links in this format: </p>
  
  <pre><code>Link1 Link2 Link3 
  </code></pre>
  
  <p>I want to convert it into: </p>
  
  <pre><code>Link1 | Link2 | Link3
  </code></pre>
  
  <p>I am facing two problems:</p>
  
  <ol>
  <li>There is a pipe AFTER the last item - not good.</li>
  <li>The Pipe, that gets inserted as hyperlink's text, and not between elements.</li>
  </ol>
  
  <p>To overcome the first problem, I tried to insert pipe only if element is not the last one.
  for the second problem, I have no idea what to do.. here's what I am doing so far: </p>
  
  <p><a href="http://jsfiddle.net/KL6Ua/" rel="nofollow">http://jsfiddle.net/KL6Ua/</a></p>
  
  <p>Also, I am not sure if there is a better way to solve the first problem. Advice please.</p>
  
  <p>Thank you,.</p>