Applying validator rules to a dynamically created form element

Applying validator rules to a dynamically created form element

I have a form that has an input element that is dynamically added to the form.
When testing the form, the rules that I set up for this element do not execute.
All I want is for the default message to NOT show up.
Below is the jQuery validate set up:
       
        $('#addNew').validate({
          messages:{
            itemDate: '',
            projectId: '',
            units: '',
            lineItem: ''
          }
        });

I need to know how to bind this dynamically created element to the DOM so that the rules apply to it.
The following is the code that inserts the new input into the table cell 'reportItem'

      function getEstimateItems(pid){
        data = 'projectId=' + pid;
        $.ajax({
          type:   'POST',
          url:    'ajaxSelectEstimate.php',
          data:    data,
          success: function(data){
            $('#reportItem').html(data);
            $('#itemMaterials').html('');
          }
        });
      }

Can anyone tell me how this can be done?

Thanks!

John