issue with Cross domain

issue with Cross domain

I just started using jQuery and am trying to learn as I go, but I have hit a road block.

 I have  a requirement   on creating  tab and bring   external site to the tab


i was able to create tabs using Css but dont know how to use Jquery to display external website within an tab..

The following are  the files which  i am  using 
The  tabs-no-images.css file

/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #666;
}

/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px 30px;
    text-decoration:none;
    border:1px solid #666;
    border-bottom:0px;
    height:18px;
    background-color:#efefef;
    color:#777;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}

ul.css-tabs a:hover {
    background-color:#F7F7F7;
    color:#333;
}

/* selected tab */
ul.css-tabs a.current {
    background-color:#ddd;
    border-bottom:1px solid #ddd;
    color:#000;
    cursor:default;
}


/* tab pane */
.css-panes div {
    display:none;
    border:1px solid #666;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:15px 20px;
    background-color:#ddd;
}

standalone.css

body {
    padding:50px 80px;
    font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}

The Html file 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE> Examples</TITLE>
<META http-equiv=Content-Type content="text/html">
 
  
  <!-- standalone page styling (can be removed) -->
  <link rel="shortcut icon" href="favicon.ico">
  <link rel="stylesheet" type="text/css"
        href="standalone.css"/>
  <link rel="stylesheet" type="text/css"
      href="tabs-no-images.css"/>
</head>
<body><ul class="css-tabs">
  <li><a href="" >Tab 1</a></li>
  <li> <a href="url">Tab 2 </a> </li>
 </ul>

<!-- this time we have three unique panes for each tab-->
<div class="css-panes">
  <div style="display:block"></div>
  <div></div>
  <div></div>
</div>

<!-- activate tabs with JavaScript -->
<script>

</script>
</body>
</html>


So can  you please help to complete functionality  for getting external website to display in side the tab .. using Jquery.getJson ()