title: Passing data between a parent window and a child popup window with jQuery
body: <p>I have the following HTML</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="label" valign="top"&gt;
          Affiliate Party
      &lt;/td&gt;
      &lt;td class="field"&gt;
          &lt;input type="hidden" name="ctl00$MainContent$ExternalAccountAttributes$AffiliatePartyId" id="AffiliatePartyId" /&gt;
          &lt;input name="ctl00$MainContent$ExternalAccountAttributes$AffiliatePartyName" type="text" id="AffiliatePartyName" class="PartyLookup" /&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>and the following Javascript/jQuery</p>
  
  <pre><code>$(".PartyLookup").after("&lt;img src='Images/book_open.png' class='PartyLookupToggle' style='padding-left:4px;' /&gt;");
  
  $(".PartyLookupToggle").click(function () {
      window.open("PartySearch.aspx", "PartySearch", "width=400,height=50");
      return false;
  });
  </code></pre>
  
  <p>I need to be able to flag ANY PartyId input field with class="PartyLookup" so that it will modify the DOM and include the image next to the input field. The popup window returns data to populate both the hidden and text fields, but since the click() is generic I need to pass it the ID of the input field. I have no idea how to do this. Any suggestions?</p>