Using clone input fields and jquery oh my!

Using clone input fields and jquery oh my!

i am new to jquery and i am using clone to copy the last row of table with input tags modify the names of the input tags and appending it to the table.

Problem is that the other jquery functions that put do blur and focus color changes as well as other things will not work on the new copied field.

Any idea why?

Here is the jQuery for the focus
$('input[type="text"]').focus(function(){
          $(this).addClass("EditingField");

     });


and my copy function

     $('#ClassDetails input[type="button"]').click(function()
     {
          var CurrentTable = $(this).closest('table');
          var CurrentTableID = $(this).closest('table').attr('id');

          // console.log("CurrentTableID: " + CurrentTableID);

          var TableRowsID = '#' + CurrentTableID + '_Rows';
          var TableRowContent = $('#' + CurrentTableID + '_Rows');
          var LastRowNumber = $(TableRowsID + ' tr').length - 1;

          var NewRowNumber = LastRowNumber + 1;

          console.log("LAST ROW: " + LastRowNumber + " NEW ROW NUMBER: " + NewRowNumber);


          var clonedRow = $(TableRowsID + ' tr:last').clone();
          console.log(clonedRow);
          // Trying to change ROW ID

          var ClonedTR = clonedRow.closest('tr');
          var NewClonedRowID = ClonedTR.attr('id').replace('_' + LastRowNumber, '_' + NewRowNumber);
          ClonedTR.attr('id', NewClonedRowID);

          $("input", clonedRow).attr('value', ''); // reset the form values
          $("input:checked", clonedRow).attr('checked', ''); // uncheck any checked boxes
          clonedRow.find('*').filter('[name]').each(function()
          {
               this.name = this.name.replace('[' + LastRowNumber + ']', '[' + NewRowNumber + ']')
          });

          console.log(clonedRow);
          TableRowContent.append(clonedRow);
     });


Thanks for the help,
Aaron