title: Add hyperlink to "title" tag text
body: <p>I am using some Javascript to swap text from a "title" tag to a description below the large image on my page. </p>
  
  <p>How can I add a link to the text that is being swapped below the large image?</p>
  
  <p>Sample page here - <a href="http://sdmxc.net/magic/magicscroll&amp;magiczoomplus01.html" rel="nofollow">Sample Page</a></p>
  
  <p><strong>js</strong> -</p>
  
  <pre><code>    function updateCaption(elm) {
      document.getElementById('captionText').innerHTML = elm.getAttribute('title');
  }
  </code></pre>
  
  <p><strong>html</strong> - </p>
  
  <pre><code>&lt;a href="ipod-blue-large.jpg" onmouseover="updateCaption(this);" title="iPod Blue" rel="zoom-id:ipod" 
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>&lt;a href="ipod-blue-large.jpg" class="MagicZoom"  id="ipod"&gt;&lt;img src="ipod-blue-large.jpg"&gt;&lt;/a&gt;&lt;span id="captionText"&gt;Text to be swapped&lt;/span&gt;
  </code></pre>