title: modifying parameters of an html page dynamically jquery
body: <p>I have a function where I am obtaining results from a Solr index. The code is as follows:</p>
  
  <pre><code>AjaxSolr.theme.prototype.result = function (doc, snippet) {
   var figrhtmlocation=doc.imagelocation;
   var pdfl=doc.filelocation;
   var output = '&lt;div&gt; &lt;h2&gt;' + doc.caption+'&lt;/h2&gt;';
   var figlink='&lt;a href="" onclick="show_figure_html\('+'\''+figrl+'\''+'\)"&gt; &lt;p&gt; See Figure &lt;/a&gt;';
   var pdlink='&lt;A href="'+pdfl+'"&gt; \t See pdf &lt;/p&gt; &lt;/A&gt;';
   output+=figlink;
   output+=pdlink;
   output += '&lt;p&gt;' + snippet + '&lt;/p&gt;&lt;/div&gt;';
   return output;
  };
  </code></pre>
  
  <p>As you can see, I am creating a link with each result called "See Figure". Now, when I click that link, in my show_figure_html function I want to do following things:</p>
  
  <ol>
  <li><p>Open an html page (say, figuredescription.html) in a new window or existing window.</p></li>
  <li><p>The figuredescription.html page has a div element figuredisplay, where I want to dynamically append the figrlocation as the source of the image file. Something like appending the image location in the figuredescription.html div element. </p></li>
  </ol>
  
  <p>How can I do that with jquery? I am pretty new to this, so forgive me if this question appears naive. Any help will be greatly appreciated.    </p>