title: Changing meta-tags dynamically with jQuery
body: <p>I have a page with several paragraphs, when a user clicks on the 'snapshot' button beside a paragraph, the paragraph is reproduced on a canvas as an image and displayed above the original paragraph. </p>
  
  <p>Beside the snapshot paragaph is a 'share' button, how do I change the url of the following meta-tag content to the url of the snapshot paragraph on the click of the 'share' button.</p>
  
  <p><strong>share button</strong> </p>
  
  <pre><code>&lt;a href="#" id="share"&gt;Share?&lt;/a&gt;
  </code></pre>
  
  <p><strong>BEFORE SHARE BUTTON CLICK</strong></p>
  
  <pre><code>&lt;meta name="twitter:image" content="p.jpg"&gt;
  </code></pre>
  
  <p><strong>AFTER SHARE BUTTON CLICK</strong></p>
  
  <pre><code>&lt;meta name="twitter:image" content="image/paragraphxi34343.jpg"&gt;
  </code></pre>
  
  <p>Any solutions?</p>