Tabs Order Not Working properly

[GoogleCodeExporter]

What steps will reproduce the problem?
<div id="vtabs1">
    <div>
        <ul>
            <li><a href="#vtabs-content-c">Tab 1</a></li>
            <li><a href="#vtabs-content-a">Tab 3</a></li>
            <li><a href="/page.jsp">Tab 2</a></li>
        </ul>
    </div>
    <div>

        <div id="#vtabs-content-a">
            <p>A panel 1</p>

        </div>
        <div id="#vtabs-content-c">
            <p>C panel</p>

        </div>  

        <div>
        </div>
    </div>
</div>

What is the expected output? What do you see instead?
When I click on first tab it should show me content of div with id 
=#vtabs-content-c  but it work in sequence it show me content i.e "A panel 1"

What version of the product are you using? On what operating system?
1.1.4

Please provide any additional information below.
Also how to add multiple ajax tab ...there is no guide for it 

Original issue reported on code.google.com by It.Is.Is...@gmail.com on 8 May 2012 at 1:43