jquery link to input to link trick in my form
<p>I have made a script, but it's not working as expected, and I need help. You can see it <a href="http://jsfiddle.net/BSGS6/" rel="nofollow">here</a>.</p>

<p>I need to implement the following behavior for the URL field only:</p>

<ol>
<li>When you click on the link, the target page opens. This works.</li>
<li>When you click on the link's parent <code>div</code>, the link becomes an editable <code>input</code>. This also happens, but my input field's <code>id</code> is taken from an array, e.g. (<code>url0</code>, <code>url1</code>, <code>url2</code>), so when I have more than one URL in the form, only the first one works.</li>
<li>When you click outside after editing the input, it becomes a link again.</li>
<li>Also, when you double click on the link, it becomes editable.</li>
</ol>

<p>Thanks in advance for all the answers, and I hope you can help me with this.</p>
