How do I hide and show twitter bootstrap tabs?
===

I'm trying to show a hidden tab only when needed.  My current code looks like this:

    <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
        <li><a href="#data" data-toggle="tab" style="display:none;">New Tab</a></li>
    </ul>

jquery:

    $('#data').load('functions/test_function.php', { method: "example"}, function() {
        $('#data').tab('show');	
       // $('#data').show();	
    })


Any idea what I'm doing wrong?  The tab is never displayed after the code completes.
