Qualche esperto di JQuery ?.... Sto impazzendo da tutto il giorno per validare un intervallo di date

codice:
// a custom method for validating the date range
			$.validator.addMethod("dateRange", 
				function() {
						return new Date($("#dataInizioAsString").val()) < new Date($("#dataFineAsString").val());
					}, 
				"Intervallo date non corretto");
				

			$(function () {
				$(":text, :password, #utente").bind("focus blur", function (event) {
			            if (event.type == "focus") {
			                $(this).css("border","2px solid #4C70AF");
			            } else {
			                $(this).css("border","");
			            }
				});

				var validator = $("#reportForm").validate({ 
					rules: {
						dataFineAsString : { dataRange: true },
						utente : "required"
					},
					groups: {
						dateRange: "dataInizioAsString dataFineAsString"
					},
					messages: {
						utente: "Selezionare un utente"
					},
					errorPlacement: function(error, element) {
					 	
						if (element.attr("name") == "dataInizioAsString" || element.attr("name") == "dataFineAsString" )
							error.insertAfter("#dataFineAsString");
						else
							error.insertAfter(element);
						
					},
					debug: true
			    });
			});
codice:


  <label class="labelFiltro" for="dataInizioAsString">Da Data</label>
  <input type="text" readonly="true" onclick="event.cancelBubble=true;this.select();lcs(this);"  value="" name="dataInizioAsString" id="dataInizioAsString" maxlength="10">
  <span style="margin-left: 5px;">
       <label class="labelFiltroA" for="dataFineAsString">A Data</label>
       <input type="text" readonly="true" onclick="event.cancelBubble=true;this.select();lcs(this);"  value="" name="dataFineAsString" id="dataFineAsString" maxlength="10">
  </span> 
</p>