title: Ajax is not working. i need to refresh half of the page?
body: <pre><code>&lt;html&gt;
  
      &lt;form method="get" action="http://www.google.com" &gt;
          &lt;b&gt;Enter Text&lt;/b&gt;&lt;input type="text" id="pv2" name="pv2"/&gt;
          &lt;input type="button" value="Report Generation" class="button" onclick="samepage()"/&gt;
     &lt;/form&gt;
      &lt;script src="http://www.jquery4u.com/function-demos/js/jquery-1.6.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://www.jquery4u.com/scripts/function-demos-script.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  Function samepage()
  {
  Var text =Document.getElementById("pv2").value;
  Var Data= text;
    $.ajax({
        type: "GET",
        url: "https://www.google.com" // form action url
        data: Data,
        cache: false,
        success: function(output)
        {
  Document.getElementById("output").innerHTML= output;
        }     
        });
  }
  This dynamic div
  &lt;/script&gt;
  &lt;div id="output" style="border:1px solid;width:1000px;height:500px;"&gt;
  &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>it need to load the one website along with theinput data given by the user.for the testing purpose i had used the google.com.i need the google.com to get loaded in the div tag .</p>
  
  <p>In the above It is not loading ....</p>