title: How to do following mask input problem?
body: <p>i am having a script to mask a textbox,here it it</p>
  
  <pre><code>&lt;script src="http://jquery-joshbush.googlecode.com/
  files/jquery.maskedinput-1.2.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  jQuery(function($) {
  
        $('#j').mask('99:99');
           });
  &lt;/script&gt;
  </code></pre>
  
  <p>i am also having a script to dynamically add text box while i click a button</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function addRow(tableID) {
  
                  var table = document.getElementById(tableID);
  
                  var rowCount = table.rows.length;
                  var row = table.insertRow(rowCount);
  
                  var colCount = table.rows[0].cells.length;
  
                  for(var i=0; i&lt;colCount; i++) {
  
                      var newcell = row.insertCell(i);
  
                      newcell.innerHTML = table.rows[0].cells[i].innerHTML;
                      //alert(newcell.childNodes);
                      switch(newcell.childNodes[0].type) {
                          case "text":
                                  newcell.childNodes[0].value = "";
                                  newcell.childNodes[0].id="j";
                                  alert(newcell.childNodes[0].id);
                                  break;
                          case "checkbox":
                                  newcell.childNodes[0].checked = false;
                                  break;
                          case "select-one":
                                  newcell.childNodes[0].selectedIndex = 0;
                                  break;
                      }
                  }
              }
  
              function deleteRow(tableID) {
                  try {
                  var table = document.getElementById(tableID);
                  var rowCount = table.rows.length;
  
                  for(var i=0; i&lt;rowCount; i++) {
                      var row = table.rows[i];
                      var chkbox = row.cells[0].childNodes[0];
                      if(null != chkbox &amp;amp;&amp;amp; true == chkbox.checked) {
                          if(rowCount &lt;= 1) {
                              alert("Cannot delete all the rows.");
                              break;
                          }
                          table.deleteRow(i);
                          rowCount--;
                          i--;
                      }
  
  
                  }
                  }catch(e) {
                      alert(e);
                  }
              }
      &lt;/script&gt;
  </code></pre>
  
  <p>and my input box are</p>
  
  <pre><code>&lt;INPUT type="text" name="STime[]" id="j"/&gt;
  </code></pre>
  
  <pre>&lt;INPUT type=&quot;text&quot; name=&quot;ETime[]&quot; id=&quot;j&quot;/&gt;</pre>
  
  <p>the problem i am facing now is, the first text box will have a masked structure,but after i add a text box dynamically with help of j script, i will not get the text box as masked?why?? what i did wrong?</p>