I have a form that users can add additional sections as needed.  in the section they select a department from a drop down and lookup populates the contact persons.  I want to make the contact person read only, which I can in JavaScript.  The issue is when they add a section to select another department the next section contact person field is not read only.  Here is the script I am using.
 

$(document).ready(function(){       
            $('.department_contact *').prop("readonly", true);
            $('.department_contact_copy *').prop("readonly", true);

})

I have also included an image of the behavior.  I just need a way to tell the form that for every department_contact and department_contact_copy make it read only.