jquery validation script not resetting when another ajax call is made
<p>hey, I'm using a jquery plugin and when i focus in on a field and focus out it alerts me of a validation error.</p>

<p>now in my set up I have a menu that loads content from another page via ajax, and with in that content I have another sub menu that also calls content in with another ajax request.</p>

<p>Scenario</p>

<p>I click on Files from main menu, then click on View from sub menu, then on Create from there (using another ajax request)</p>

<p>on the Create content is where I am using the validation plugin, so like I said when I focus in and out it works, BUT if I click on Files again from the main menu the validation error remain in place where they popped up. If i click on View from the sub menu then the validation error fade out.</p>

<p>I tried to isolate the issue as to why the error fade out with an ajax call from the sub menu but now with the main menu.</p>

<p>Main menu script:</p>

<pre><code>//------------------------------------------------------------------
// Pidget menu
//------------------------------------------------------------------
var content = '#main-content',
    wrap = '#wrap';
$("nav a.files-menu-link").live('click', function({
    $.validationEngine.closePrompt('.formError',true);
    $(content).hide(200, function(){
        $(wrap).load('files.php' + content, function(){
            $(this).hide().html(data).slideDown(500);
        });
    })
    return false;
});
</code></pre>

<p>sub menu script</p>

<pre><code>$('a#prospect-file-link').live('click', function(){
    $.validationEngine.closePrompt('.formError',true);
    $.post('resources/ajax/ajax.php', {
        action : 'prospects',
        uid    : uid
    }, function(data){
        $('#files-right-pane').hide().html(data).slideDown(500);
        $(".alpha").click(function() {
            $(this).find("span").toggleClass("expand-alpha-down");
            $(this).next(".show").slideToggle();
            return false;
        });
    });
    return false;
});
</code></pre>

<p>then the create new script</p>

<pre><code>//-- Create new prospect
$('a.new-prospect').live('click', function(){
    $('#files-right-pane').fadeOut(200);
    $.post('resources/ajax/ajax.php', {
        action : 'create_prospect',
        uid    : uid
    }, function(data){
        $('#files-right-pane').hide().html(data).slideDown(500);
        selectBox('prospect-type', 'prospect-type-td');
        selectBox('status', 'status-td');
        selectBox('primary-number', 'primary-td');
        selectBox('secondary-number', 'secondary-td');
        mce('new-prospect-comments');
        $("#new-prospect-form").validationEngine();
        $('.state').autoSuggest('resources/ajax/suggest.php', {minChars: 2, matchCase: false, startText: '', asHtmlID: 'state'});
    });
    return false;
});
</code></pre>

<p>html markup</p>

<pre><code>...
&lt;td&gt;&lt;input type="text" id="first_name" name="first_name" class="validate[required]" /&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" id="middle_name" name="middle_name" /&gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" id="last_name" name="last_name" class="validate[required]" /&gt;&lt;/td&gt;
...
</code></pre>

<p>Thats my setup, I can't figure out the .closePromp() works in the view but not with the main menu link</p>
