[jQuery] stuck trying to reload tab programatically.

[tristan]

Hi everyone,

I'm very new to Javascript but very impressed by JQuery, but now
rather stuck, I've read and read but found no solution. If anyone can
point me in the right direction I would be much obliged.

I have a set of tabs loading content via ajax:

My main tab page Jquery:

<script type="text/javascript">
  $(document).ready(function(){
    $("#tabs").tabs({ cookie: { expires: 30 } });
  });
  </script>

My tabs:

<div id="tabs">
<ul>
     <li><a href="#moderatorManage"><span>Find and Manage Moderators</
span></a></li>
     <li><a href="flaggedCards/" id="flaggedCards" ><span>Flagged
Cards</span></a></li>
     <li><a href="pendingDelete/"><span>SinBin / Pending Delete</
span></a></li>
</ul>
</div>

Now in the flaggedCards/ page that is loaded via ajax I have a
function that I call on a click to reload the content. Trouble is, no
matter what I do I can't get it to reload the content and I feel like
i'm missing something really obvious.

The jQuery currently looks like this currently but doesn't reload the
content:

  <script type="text/javascript">
<!--
    $(document).ready(function(){
        $("#controls_88 input").click(function() {
                $(this).parent().parent().parent().addClass
("highlight").fadeTo("slow", 0.1);
                $("#tabs").tabs( 'load' , 0 ); // won't work and have
tried using various selectors including #flaggedCards

        });
 });
 //-->
</script>


Any ideas?