title: why magnific popup ajax box closes if clicked on content
body: <p>Please Please Please help me.. I have been trying to get the magnific popup ajax box to show login form. It seems that form appears but as soon as I click anywhere in form or ajax body, it disappears. below is the code</p>
  
  <pre><code> $(document).ready(function() {
   $('.ajax-popup-link').magnificPopup({
   type: 'ajax',
   alignTop: false,
   closeOnContentClick: false,
   overflowY: 'scroll'
   });
   });
  
  &lt;a class=".ajax-popup-link" href="result.php"&gt;try me&lt;/a&gt;&lt;br&gt;
  </code></pre>
  
  <p>Below is the php that I look to load in ajax box. This is not the complete one</p>
  
  <pre><code> Email:&lt;div class="field_container"&gt;Password:&lt;/label&gt;
      &lt;input type='password' name='cust_password' id='password'  maxlength="12" style="width: 250px; height: 30px"; /&gt;&lt;/div&gt;
  
     &lt;input type='submit' name='Submit' value='Login' /&gt;
  </code></pre>