ASP.Net MVC + Live validation - how come the flagged text are all over the place?

Question

hi guys, this is an asp.net mvc project and

<% using (Html.BeginForm("ProductAdded", "Home")) { %>
<!--form id="frmProductReg" runat="" class="frmProductReg"-->
<div id="BreadCrumbPanel" class="breadcrumbCentered">
    Register Your Product</div>
<div id="MainContentPanel" class="headerCentered">
    <!-- Grab the country name via the geo locator -->
    <h1><%= ViewData["MainHeader"]%></h1>

    <p><%=ViewData["IntroText"]%></p>

    <div style="display: none;">
    <div id="regionThreePane">
    <table border="0" cellpadding="0" cellspacing="0" frame="void" style="width: 100%">
        <tr>
            <td width='250px'><select name="ProdLBox1" id="ProdLBox1" class="ProdLBox1" size="8"></select></td>
            <td width='250px'><select name="ProdLBox2" id="ProdLBox2" class="ProdLBox2" size="8"></select></td>
            <td width='250px'><select name="ProdLBox3" id="ProdLBox3" class="ProdLBox3" size="8"></select></td>
        </tr>
    </table>
    </div>

i'm using live validation for my client side validation.

var v_fname = new LiveValidation('Customer_FirstName', { validMessage: " " }, { onlyOnSubmit: true });
v_fname.add(Validate.Presence, { failureMessage: enterfirstname});

var v_lname = new LiveValidation('Customer_LastName', { validMessage: " " });
v_lname.add(Validate.Presence, { failureMessage: enterlastname });

var v_email = new LiveValidation('Customer_Email', { validMessage: " " });
v_email.add(Validate.Presence, { failureMessage: enteremail, validMessage: " " });
v_email.add(Validate.Email, { failureMessage: entervalidemail});

and what i notice is that after doing some button call:

$(".btnAddProduct").click(function() {
        //Check first to see if there's anything to be added
        if (parseFloat($(".tboAddProduct").val()) < 1) {

            //TO DO: to replace with localized text
            var selectProductError = "Please select a product first";
            $("#validationSummary").text(selectProductError);
            //alert("Please select a product first");
            return false;
        }

        $(".PanelProductReg").show();
        addProductRow($(".tboAddProductId").val(), $("#tboAddProduct").val());
    });

what will happen is that the validation tags will start to appear for the whole page for all the input which are tag for the live validation.

instead of just appearing when the controls are being higlighted and onblur. i'm using some ajax calls to get data and a lot of jquery to dynamically do the gui stuff.

could any of this be causing some sort of an internal conflict? thanks

Updates:

lol, i'm such a turd, i think the answer might be related to this other question that i had... jquery binding function no return false?