title: Unable to get current element id in callback of magnific popup
body: <pre><code> &lt;div class="speaker"&gt;
          &lt;a id="performer1"  class="html-popup" href="&lt;?php echo get_stylesheet_directory_uri();?&gt;/performer-detail.php"&gt;                    &lt;/a&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>I have this anchor tag on whose click popup will open.Id of the anchor needs to be passed dynamically in the following js in place of <code>#performer1</code></p>
  
  <pre><code> jQuery('.speaker a').click(function(e){
              var currentID = jQuery(this).attr("id");
          })
          jQuery('.speaker a').magnificPopup({type: 'ajax',
              callbacks: {
                parseAjax: function(mfpResponse) {
                  // mfpResponse.data is a "data" object from ajax "success" callback
                  // for simple HTML file, it will be just String
                  // You may modify it to change contents of the popup
                  // For example, to show just #some-element:
                  mfpResponse.data = $(mfpResponse.data).find('#performer1');
  
                  // mfpResponse.data must be a String or a DOM (jQuery) element
  
                  console.log('Ajax content loaded:', mfpResponse);
                },
                ajaxContentAdded: function() {
                  // Ajax content is loaded and appended to DOM
                  console.log(this.content);
                }
              }
          });
  </code></pre>
  
  <p>i use following code to get the id of the <code>&lt;a&gt;</code> on its click</p>
  
  <pre><code> jQuery('.speaker a').click(function(e){
                  var currentID = jQuery(this).attr("id");
              }) 
  </code></pre>
  
  <p>but how do i pass this currentID</p>