Create link with JQuery
<p>I got this Jquery code</p>

<pre><code>  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
        $("#pav li a").click(function() {
            $(".srvctext").empty().append("&lt;div id='loading'&gt;&lt;img src='loading2.gif' alt='Loading' /&gt;&lt;/div&gt;");
            $("#pav li a").css('color','#656565');
            $(this).css('color','#3ca5d4');
            $.ajax({ 
                url: this.href, 
                success: function(html) {
                    $(".srvctext").empty().append(html);
                }
            });
            return false;
        });


    });
&lt;/script&gt;
  &lt;/head&gt;
</code></pre>

<p>and this HTML</p>

<pre><code>  &lt;div class="srvclinksholder"&gt;
    &lt;h4&gt; Our Services &lt;/h4&gt;

        &lt;ul id="pav"&gt;
            &lt;li&gt;&lt;a href="pages/page_1.html"  id="mostPopular"&gt;Technical Infrastructure Service&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="pages/page_2.html"  id="mostPopular"&gt;Email Exchange Service (Messaging)&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="pages/page_3.html"  id="mostPopular"&gt;Firewall Services&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="pages/page_4.html"  id="mostPopular"&gt;Security and Antivirus Service&lt;/a&gt;&lt;/li&gt;
....
</code></pre>

<p>I want to be able create a link from another page to one of these pages, I think I have to use # somehow just unsure. So if I have <code>&lt;a href="service/pages/page_4.html"&gt;</code> service being the page name that will not obviously work. Maybe something like this <code>&lt;a href="service.html#pages/page_4.html"&gt;</code></p>

<p>What changes do I have to make to achieve this?</p>
