title: Give cloned elements a unique numerical id name each time it is cloned
body: <p>I have 3 select options that are used to combine to make one value for a hidden field "episode_airdate". The problem is that the <code>&lt;table tr&gt;</code> they are in gets cloned, therefore the ids will get clone too, which makes getElementById useless. I tried ByName and ByClass with no luck.</p>
  
  <pre><code>&lt;script&gt;
          function datepopulate(){
      var day = document.getElementById('airdate_day').value;
      var month = document.getElementById('airdate_month').value;
      var year = document.getElementById('airdate_year').value;
     var completedate = day+'-'+month+'-'+year;
     document.getElementById('episode_airdate').value = completedate;
        alert(document.getElementById('episode_airdate').value);
     return true;
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>With generated numbers added it would be something like this airdate_year[1] + airdate_month[1] + airdate_day[1] = episode_airdate[1] ?</p>
  
  <p>If jQuery has a better way to do this i'm opened to that idea</p>