title: Changing the contents of an overlay based on id pulled from database
body: <p>I have a page that has a list of companies pulled from a mysql db. Each company name is a link and when clicked an overlay comes up containing further details on that particular company.</p>
  
  <p>Everything is working...my list is created, link pulls up the overlay, but as of now it only populates the info for the company that is the last record. I know I need to pass the record id to the jquery so that it pulls the record for the name clicked, but I am just not familiar enough with jquery to figure it out. I believe I need to pass it to a parameter, but need a nudge in the right direction. Below is my current code with just the basics, I have passed the unique id for each record via <code>mid="&lt;?php echo $member-&gt;member_id; ?&gt;"&gt;</code> in the link...I just need to pass that to the overlay.</p>
  
  <pre><code>&lt;p&gt;
  &lt;li&gt;&lt;a href="#" class="modalInput" rel="#profile2" mid="&lt;?php echo $member-&gt;member_id; ?&gt;"&gt;&lt;?php echo $member-&gt;company_name; ?&gt;&lt;/a&gt;
  &lt;/li&gt;
  
  &lt;/p&gt;
  
  
  
  &lt;!-- Profile Overlay --&gt;
  &lt;div class="modal2" id="profile2"&gt;
  
  
      &lt;dl&gt;
          &lt;dt&gt;Address:&lt;/dt&gt;
  
          &lt;dd&gt;&lt;?php echo $member-&gt;address_city; ?&gt;
  
          &lt;dt&gt;Phone Number:&lt;/dt&gt;
          &lt;dd&gt;&lt;?php echo $member-&gt;phone; ?&gt;&lt;/dd&gt;
  
      &lt;/dl&gt;
  
      &lt;!-- close button --&gt;
      &lt;p&gt;
          &lt;button class="close"&gt; Close &lt;/button&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  
  $(document).ready(function() {
  
  var triggers = $(".modalInput").overlay({
  
  
      // mask tweaks
      mask: {
          color: '#ebecff',
          loadSpeed: 200,
          opacity: 0.9
      },
  
      closeOnClick: false
  });
  
  
  });
  
  &lt;/script&gt;
  </code></pre>