jQuery ui tabs RC1 bug

wrong default active li if ul contains extraneous elements

by Razor

HTML

<script src="https://raw.github.com/jquery/jquery-ui/1.9.0-rc.1/ui/jquery.ui.core.js"></script>
<script src="https://raw.github.com/jquery/jquery-ui/1.9.0-rc.1/ui/jquery.ui.widget.js"></script>
<script src="https://raw.github.com/jquery/jquery-ui/1.9.0-rc.1/ui/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/black-tie/jquery-ui.css">
<div id="tabs">
    <ul>
        <li>Ignore this LI</li>
        <li><a href="#tabs-1">I should be selected</a></li>
        <li><a href="#tabs-2">I'm selected instead</a></li>
        <li><a href="#tabs-3">I'm useless</a></li>
    </ul>
    <div id="tabs-1">
        <p>Proin elit arcu.</p>
    </div>
    <div id="tabs-2">
        <p>Morbi tincidunt.</p>
    </div>
    <div id="tabs-3">
        <p>Mauris eleifend est et turpis.</p>
    </div>
</div>

CSS

body { font-size: 10px; }

JavaScript

$(function() {
    // if no option is specified, the first tab should be active
    $( "#tabs" ).tabs();
});