title: Close hide/toggle div when clicked in iframe isn't working
body: <p>I have sidebar toggle event. When I clicked inside the iframe, the sidebar doesn't close. The Iframe is in the inside of div #maincontent. But when iframe has an src="" ( src="pr.php" ) the close event not worked. How I can close the sidebar when I clicked in iframe that does have any of src=" " ?</p>
  
  <p>Here's my fiddle</p>
  
  <p><a href="http://jsfiddle.net/8nhmU/13/" rel="nofollow">http://jsfiddle.net/8nhmU/13/</a></p>
  
  <pre><code>&lt;div class="framecontentLeft"&gt;
  &lt;div class="innertube"&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="framecontentTop"&gt;
  &lt;div class="sidebar-toggle"&gt;&lt;/div&gt;
  &lt;div class="innertube"&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="maincontent"&gt;
  &lt;div class="innertube"&gt;
  
  &lt;iframe name="contents" src="http://stackoverflow.com" id="iframe1" frameborder="0" style="moz-overflow:hidden;moz-overflow-x:hidden;moz-overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"&gt; &lt;/iframe&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Part of the Script</p>
  
  <pre><code>var iframeDoc = $('#iframe1').contents().get(0);
  $(iframeDoc).bind('click', function( event ) {
  if(!sidebarStatus)
      {
                 $('.sidebar-toggle').click();
      }
  });
  </code></pre>