title: How to resolve issue "Blocked a frame with origin from accessing a frame with origin" in parent.document
body: <p>I have <strong>popup fancybox iframe</strong> opens on clicking a button in my site, I have two urls to access the site </p>
  
  <pre><code>1. www.xyz.com
  2. xyz.com
  </code></pre>
  
  <p>On clicking on a button a pop up will appear, In that page i am getting the parent page URL as follows</p>
  
  <pre><code>parent.document.title
  </code></pre>
  
  <p>which works fine in first URL<code>(www.xyz.com)</code>, But in second URL<code>(xyz.com)</code>, it throws a JavaScript error as follows</p>
  
  <pre><code>Uncaught SecurityError: Blocked a frame with origin "www.xyz.com" from accessing a frame with origin "xyz.com". Protocols, domains, and ports must match.  
  </code></pre>
  
  <p>Basically, I want to retrieve the parent page title, How to do this using jquery/javascript</p>