How do I simplify this repetitive jquery code?
<p>I made a jQuery script that works fine, I'd just like to see if anyone had tips on simplifying it, in particular the beginning part in which variables are defined. </p>

<p>Though I'm really interested in straight code simplification, here's a quick synopsis on what the script actually does:</p>

<ol>
<li>Looks for links with a class of 'tour' and defines 3 more variations of its href attribute (swapping out a 4-digit number).</li>
<li>Replaces links with a class of 'tour' with different content that substitutes in the additional 4-digit values.</li>
<li>With a.tour replaced, visibility of part of the content is toggled on hover.</li>
</ol>

<p>And here's the code:</p>

<p>HTML:</p>

<pre><code>&lt;a href="http://www.awebsite.com/7838" class="tour"&gt;Link&lt;/a&gt;
</code></pre>

<p>JQUERY:</p>

<pre><code>&lt;script&gt;
$(document).ready(function() {
    var aud = $('.tour').attr('href');
    var usd = $('.tour').attr('href').replace(7838,'8062');
    var gbp = $('.tour').attr('href').replace(7838,'8907');
    var eur = $('.tour').attr('href').replace(7838,'8914');
    $('.tour').replaceWith('&lt;div class="currency"&gt;&lt;p&gt;Price &amp;amp; Bookings&lt;/p&gt;&lt;ul class="currencydd" style="display:none"&gt;&lt;li&gt;&lt;a href="' + aud + '"&gt;Australian Dollar (AUD)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="' + usd + '"&gt;United States Dollar (USD)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="' + gbp + '"&gt;British Pounds (GBP)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="' + eur + '"&gt;Euros (EUR)&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;');
    $('.currency').hover(function () {
  $('.currencydd').slideToggle("fast");
});
});

&lt;/script&gt;
</code></pre>
