Jquery, relative url on IE
<p>I'm trying to generate jquery vertical tabs using jquery template. I use this code :</p>

<pre><code>&lt;script type="text/javascript"&gt;
        $(document).ready(function () {
            var clientData = [
                { name: "Rey Bango", age: 42, id: 1, phone: ["954-600-1234", "954-355-5555"] },
                { name: "Mark Goldberg", age: 51, id: 2, phone: ["954-600-1234", "954-355-5555"] },
                { name: "Jen Statford", age: "25", id: 3, phone: ["954-600-1234", "954-355-5555"] }
            ];

            $("#clientTemplate").tmpl(clientData).appendTo($("#vtabs div ul"));
            $("#phoneTemplate").tmpl(clientData).appendTo($("#vtabs div:last"));

            $("#vtabs").jVertTabs();
        });
    &lt;/script&gt;

&lt;script id="clientTemplate" type="text/html"&gt;
    &lt;li&gt;&lt;a href="#${id}"&gt;${name}&lt;/a&gt;&lt;/li&gt;
&lt;/script&gt;

&lt;script id="phoneTemplate" type="text/html"&gt;
    &lt;div id="${id}"&gt;
            &lt;p&gt;${name} - Age: ${age}&lt;/p&gt;        
            &lt;p&gt;Some text on panel 1&lt;/p&gt; 
    &lt;/div&gt;
&lt;/script&gt;
</code></pre>

<p>Everything works greate on Firefox, Chrome, Opera and Safari but in IE this code doesn't work. When i looked on html source i saw that in IE instead on </p>

<pre><code>&lt;li&gt;&lt;a href="#1"&gt;${name}&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#2"&gt;${name}&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#3"&gt;${name}&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>I get </p>

<pre><code>&lt;li&gt;&lt;a href="http://localhost:51592/galeria-lista/#1"&gt;${name}&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="http://localhost:51592/galeria-lista/#2"&gt;${name}&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a href="http://localhost:51592/galeria-lista/#3"&gt;${name}&lt;/a&gt;&lt;/li&gt;
</code></pre>

<p>Because of this jqury vertical tabs doesn't work on IE. </p>

<p>Please help me.</p>
