jquery - 特定のポップアップにのみ関連するjqueryをロードする

Question

ポップアップを呼び出すためのボタン：

<div class="buttons">
    <button type="button" data-for="cleaning-info" class="actionButton dialog-link">
            Cleaning</button>
     <button type="button" data-for="notes-info" class="actionButton dialog-link">
            Notes</button>
 </div>

Jquery UIポップアップ1：

<div class="pet-profile dialog" id="cleaning-info" data-width="600" data-title="Pet Sitter Cleaning">
        <%  using (Html.BeginAbsoluteRouteForm("PetDetail", new { controller = "PetSitters", action = "SavePetSitterCleaningRecords", ownerKey = Model.Owner.Key, petKey = Model.Key }, FormMethod.Post, new { id = "addPetSitterCleaning" }))
            { %>

          <%: Html.CompleteEditorFor(m => m.PetSitterCleaningRecord.WhereIsTheScoop)%>
           <button type="submit" class="actionButton default">
                    Save</button>

        <%} %>
    </div>

Jquery UIポップアップ2：

<div class="pet-profile dialog" id="notes-info" data-width="550" data-title="Pet Sitter Notes">
    <%  using (Html.BeginAbsoluteRouteForm("PetDetail", new { controller = "PetSitters", action = "SavePetSitterNotes", ownerKey = Model.Owner.Key, petKey = Model.Key }, FormMethod.Post, new { id = "addPetSitterNotes" }))
        { %>

        <%: Html.CompleteEditorFor(m => m.PetSitterNote.Note1)%>
        <button type="submit" class="actionButton default">
                Save</button>

    <%} %>
</div>

ポップアップ1および2のjqueryコード：

//popup 1
var dialogPetSitterCleaningInfo = $('#cleaning-info');

//save button
var petSitterCleaningSave = dialogPetSitterCleaningInfo.find($('.actionButton.default[type=submit]'));
var petSitterCleaningForm = dialogPetSitterCleaningInfo.find($("#addPetSitterCleaning"));

 //disable 
  petSitterCleaningForm.submit(function () {
  petSitterCleaningSave.attr('disabled', 'disabled');
  petSitterCleaningSave.addClass('disabled');
 });

//popup 2
var dialogPetSitterNotesInfo = $('#notes-info');

 //save button
 var petSitterNotesSave = dialogPetSitterNotesInfo.find($('.actionButton.default[type=submit]'));
 var petSitterNotesForm = dialogPetSitterNotesInfo.find($("#addPetSitterNotes"));

 //disable 
 petSitterNotesForm.submit(function () {
 petSitterNotesSave.attr('disabled', 'disabled');
 petSitterNotesSave.addClass('disabled');
 });

とりわけ、コードは同じファイルにありますCustomersHomeModal.aspx

UIは次のとおりです。

私の質問：

関連するポップアップのボタンを押したときに、関連するポップアップjqueryコードのみを呼び出すにはどうすればよいですか。現在、最初に実行すると、すべてのjqueryコード（両方のポップアップに関連する）が読み込まれます。これを回避する必要があります。

それを行う方法（簡単な例は高く評価されています）？