title: jQuery - how to add new name to cloned select
body: <p>Hi i've got a problem with code:</p>
  
  <p>I wat to ad new name values to newly created selects, maybe i'll show</p>
  
  <p>This is jQuery javascript:</p>
  
  <pre><code>    $(document).ready(function() {
          $('#plus').click(function() {
              //variables for input
              var num     = $('.inputCopy').length;
              var newNum  = new Number(num + 1);
  
              var newInput = $('#input' + num).clone().attr('id', 'input' + newNum);
  
  
              newInput.children(':first').attr('id', 'input' + newNum).attr('class','next' + num);
  
              $('#input' + num).after(newInput);
              $('#del').css({display: ''});
  
              //if 5 inputs hide add input
              if (newNum == 5)
                  $('#add').css({display: 'none'});
          });
  .....
      });
  </code></pre>
  
  <p>and this is HTML:</p>
  
  <pre><code>&lt;div class="box0"&gt;
   &lt;ul&gt;
     &lt;li&gt;Set of selects to clone&lt;/li&gt;
     &lt;li&gt;
      &lt;ul&gt;
       &lt;li&gt;&lt;/li&gt;
       &lt;li&gt;Select 1&lt;/li&gt;
       &lt;li&gt;Select 2&lt;/li&gt;
      &lt;/ul&gt;
     &lt;/li&gt;
     &lt;li id="input1" class="inputCopy"&gt;
      &lt;ul class="some"&gt;
        &lt;li class="selects"&gt;Selects set &amp;new value&amp;&lt;/li&gt;
        &lt;li&gt;
          &lt;select name="Select[Ask][&amp;new value&amp;][Adults]" id="parent"&gt;
            &lt;option label="1" value="1"&gt;1&lt;/option&gt;
            &lt;option label="2" value="2"&gt;2&lt;/option&gt;
            &lt;option label="3" value="3"&gt;3&lt;/option&gt;
            &lt;option label="4" value="4"&gt;4&lt;/option&gt;
          &lt;/select&gt;
         &lt;/li&gt;
         &lt;li&gt;
          &lt;select name="Select[Try][&amp;new value&amp;][Children]" id="children"&gt;
           &lt;option label="0" value="0"&gt;0&lt;/option&gt;
           &lt;option label="1" value="1"&gt;1&lt;/option&gt;
           &lt;option label="2" value="2"&gt;2&lt;/option&gt;
           &lt;option label="3" value="3"&gt;3&lt;/option&gt;
           &lt;option label="4" value="4"&gt;4&lt;/option&gt;
          &lt;/select&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
     &lt;/li&gt;
      &lt;li class="pnav" id="minus"&gt;&lt;a href="javascript:void(0);" &gt;delete&lt;/a&gt;&lt;/li&gt;
  &lt;li class="pnav" id="plus"&gt;&lt;a href="javascript:void(0);" &gt;add selects&lt;/a&gt;   &lt;/li&gt;
  &lt;/li&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>My problem is that those two selects have names and i want to put the new values only in place where i wrote <strong>&amp;new value&amp;</strong> how can i do that only for newly created select.</p>
  
  <p>if new set of selects put 1 etc.</p>
  
  <p>i've hope that my problem is easy to solve but i can't find solution</p>