title: Some bugs in a dynamic form that I would LOVE to get fixed
body: <p>I've went all out on the Fiddle here so that you get (most of) the picture:</p>
  
  <p><a href="http://jsfiddle.net/ch29z/11/" rel="nofollow">http://jsfiddle.net/ch29z/11/</a></p>
  
  <p>When you click + in the first row, it clones the + in its highlighted state, so the copy is green.</p>
  
  <p>If you set the first row to eg. agent = excel, when it clones, the first dropdown is set back to tags, but the 2nd and 3rd remain as "=" and "excel"</p>
  
  <p>If you add a 2nd row, but then delete the first row, then add another row, the spacing between the items differs from when you're first adding the rows (IMO the spacing is actually better once you've done that, it's a CSS issue obviously but I just can't get it to sit right.)</p>
  
  <p>Also, when you select variant, then bad, then go back to variant, the text box is duplicated so that there are now 2, if you repeat the process ANOTHER text box is added.</p>
  
  <p>Not sure why this is happening as the code is the same for all other dynamically generated textboxes.</p>
  
  <p>Any help regarding these bugs is greatly appreciated, another few pairs of eyes really do help.</p>
  
  <p>Regards,</p>
  
  <p>Martin</p>