title: Target parent div containing iframe from iframe
body: <p>So basically I  have something like this</p>
  
  <pre><code>&lt;div class="iframe-holder"&gt;
      &lt;span&gt;&lt;/span&gt;
      &lt;iframe src="iframe.html" width="200" height="200"
  &lt;/div&gt;
  &lt;div class="iframe-holder"&gt;
      &lt;span&gt;&lt;/span&gt;
      &lt;iframe src="iframe.html" width="200" height="200"
  &lt;/div&gt;
  &lt;div class="iframe-holder"&gt;
      &lt;span&gt;&lt;/span&gt;
      &lt;iframe src="iframe.html" width="200" height="200"
  &lt;/div&gt;
  &lt;script&gt;
      function where_am_i(iframe_parent_div,msg){
          $(iframe_parent_div).find('span').html(msg);
      }
  &lt;/script&gt;   
  </code></pre>
  
  <p>and then in my iframe-holder.html  I basically have this </p>
  
  <pre><code>&lt;a href="#" id="msg"&gt;Show Message In Parent Div&lt;/a&gt;
  &lt;script&gt;
      //i want to basically imp
      $('msg').click(function(event){
          event.preventDefault();
          var iframe_parent_div=???;//how do I get this?
          parent.where_am_i(iframe_parent_div,'This is where this iframe is');
      });     
  &lt;/script&gt;
  </code></pre>
  
  <p>So basically my question is how can I target the parent div (div.iframe-holder) of the iframe instance I am clicking the "Show Message" button from? Is this even possible? </p>
  
  <p>I know that I can send through the source a variable with the index i.e. iframe.html?index=0 for the first iframe.html?index=1 for the second and so on but this is not a viable solution for me because in the iframe there is going to be a lot of navigating to different pages so passing around to all the pages the index is not an option.</p>