jQuery my script is overridden
<p><a href="http://www.thdyoung.com/gopag/index.php/cu_projects/projectsp" rel="nofollow">link to page exhibiting problem</a></p>

<p>hi, 
My jq script, assembled from tuts on the web, is being overridden by the main tabbing jQ and its associated styling. This is the part of my script that is being overridden <code>$(reff2+' li:first').addClass('ui-tabs-selected');</code> The rest of the script below:</p>

<pre><code>$(document).ready(function() {

    $("#propagin a").live('click', function(eve) {
        eve.preventDefault();

        var link = $(this).attr('href');
        var reff = $(this).attr('href').replace(/^.*?(\d+)\/.*$/g, "$1");
        var reff2 = '#fragment-' + reff ;

        $.ajax({
            url: link,
            type: "GET",
            dataType: "html",
            success: function(html) {
                $(reff2).html(html);
            }
        });

        $(reff2 + ' li:first').addClass('ui-tabs-selected');
    });
});
</code></pre>

<p>The behaviour I want is that the first sub-tab should be selected or in other words have the correct class assigned to it by my jq script. Clicking the pagination links brings into view the right set of new sub-tabs which means that the ajax part of my script is working. But the first sub-tab of the new set doesn't have the right class e.g ui-tabs-selected. </p>

<p>You can see the process unfolding in the browser. The new set of sub-tabs appears on clicking the pagination links, and for a moment the first sub-tab is correctly styled, before the more senior tabbing jq with its styling kicks in and removes the style that I want.</p>

<p>What can I do about this that doesn't clobber the senior jquery and its associated CSS which together make possible the slightly convoluted tabbing scheme that I have ?</p>

<p>Tom</p>
