Jquery input complicated incrimenting mess
<p>I have this input text field that will initially say Answer 1 then if you <code>focus()</code> the text will disappear. If you <code>blur()</code> the text will come back. </p>

<pre><code>&lt;input type="button" id="btnAdd" value="Add Answer" /&gt;
      &lt;div id="formanswer1" style="margin-bottom:4px;" class="clonedInput"&gt;Answer:&lt;input type="text" id="formanswer1" value="Answer 1" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Answer 1':this.value;"/&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;script&gt;

$('#btnAdd').click(function() {
    var num     = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
    var newNum  = new Number(num + 1);      // the numeric ID of the new input field being added

    // create the new element via clone(), and manipulate it's ID using newNum value
    var newElem = $('#formanswer' + num).clone().attr('id', 'formanswer' + newNum).attr("onblur","this.value=!this.value?'Answer "+newNum+"':this.value;");

    // manipulate the name/id values of the input inside the new element
    newElem.children(':first').attr('id', 'formanswer' + newNum).attr('value','Answer '+newNum).attr('onblur',"this.value=!this.value?'Answer "+ newNum +"':this.value;");

    // insert the new element after the last "duplicatable" input field
    $('#formanswer' + num).after(newElem);

});

&lt;/script&gt;
</code></pre>

<p>I am having trouble figuring out how to incriment the <code>onblur()</code> value. I'm not sure if I have the syntax wrong but I cant figure this one out.</p>
