Inserting ANY jQuery on a page is causing conflicts with WebAssist jQuery Validation?

I have this at the bottom of my product detail page (http://www.ledwarehouseuk.com/LED-Lights-Bulbs.php?lbid=689):

<script>
var LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Opts = {
focusout: true,
focusin: false,
change: false,
keyup: false,
popupClass: "Serene",
pointedAt: "middle",
fieldOffset: 0,
fieldMargin: 0,
position: "middle",
direction: "middle",
border: 0,
offset: 0,
closeText: "?",
percentWidth: 100,
orientation: "left",
};
function LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Validate() {
$("#LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>").h5Validate(LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Opts);
}
$(document).ready(function () {
LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Validate()
ConvertServerErrors(LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Opts);
});
</script>
<script>
var LEDCart_1_ATC_Opts = {
focusout: true,
focusin: false,
change: false,
keyup: false,
popupClass: "Serene",
pointedAt: "middle",
fieldOffset: 0,
fieldMargin: 0,
position: "middle",
direction: "middle",
border: 0,
offset: 0,
closeText: "?",
percentWidth: 100,
orientation: "left",
};
function LEDCart_1_ATC_Validate() {
$("#LEDCart_1_ATC").h5Validate(LEDCart_1_ATC_Opts);
}
$(document).ready(function () {
LEDCart_1_ATC_Validate()
ConvertServerErrors(LEDCart_1_ATC_Opts);
});
</script>

I've been trying to add in a jQuery Dialog via the DW Insert > jQuery UI > Dialog option but when I do this it immediately flags a syntax error in the above code which it changes to:

<script>
var LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Opts = {
focusout: true,
focusin: false,
change: false,
keyup: false,
popupClass: "Serene",
pointedAt: "middle",
fieldOffset: 0,
fieldMargin: 0,
position: "middle",
direction: "middle",
border: 0,
offset: 0,
closeText: "?",
percentWidth: 100,
orientation: "left",
};
function LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Validate() {
$("#LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>").h5Validate(LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Opts);
}
$(document).ready(function () {
LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Validate()
ConvertServerErrors(LEDCart_1_ATC_<?php echo $row_rsPROD["LEDid"]; ?>_Opts);
});
</script>
<script>
var LEDCart_1_ATC_Opts = {
focusout: true,
focusin: false,
change: false,
keyup: false,
popupClass: "Serene",
pointedAt: "middle",
fieldOffset: 0,
fieldMargin: 0,
position: "middle",
direction: "middle",
border: 0,
offset: 0,
closeText: "?",
percentWidth: 100,
orientation: "left",
};
function LEDCart_1_ATC_Validate() {
$("#LEDCart_1_ATC").h5Validate(LEDCart_1_ATC_Opts);
}
$(document).ready(function () {
LEDCart_1_ATC_Validate()
ConvertServerErrors(LEDCart_1_ATC_Opts);
});
$(function() {
$( "#Dialog1" ).dialog();
});
</script>

It is the final }); that is being highlighted as the syntax error.
Hope you can help.
Thank you
NJ

That syntax looks correct. I copied it to a new document and DW is not highlighting a syntax error on my page.


Sometimes DW will highlight a syntax error when there is none, and it wont go away till you toggle from code view to design and back again, or in some cases, close and re open the page.