javascript werkt, jquery niet

[yveshessels]

Hoi,

Ik heb 3 textboxen:

Dit zijn de id's:

• edit-filter4
• datumvan
• datumtot

in edit-filter4 komt er een waarde gesplitst met een '~', het is de bedoeling dat de waarde links van de '~' in textbox datumvan komt en het rechtse deel in datumtot (bij het laden van de pagina.

Dit lukt mij met javascript, maar niet met jquery

Met deze code lukt het:

$(document).ready(function(){
	var filter4 = document.getElementById('edit-filter4');
	if (filter4.value != "undefined~undefined" && filter4.value != "") {
		var datums = filter4.value;
		var d_van = datums.substring(0, datums.indexOf("~"));
		var d_tot = datums.substring(datums.indexOf("~")+1);
		if (d_van != 'undefined') {
			document.getElementById('datumvan').value = d_van;
		}
		if (d_tot != 'undefined') {
			document.getElementById('datumtot').value = d_tot;
		}
	}
});

En met deze code niet:

$(document).ready(function(){
var filter4 = &("#edit-filter4");
	if ($("#edit-filter4").val() != "undefined~undefined" && $("#edit-filter4").val() != "") {
		var datums = $("#edit-filter4").val();
		var d_van = datums.substring(0, datums.indexOf("~"));
		var d_tot = datums.substring(datums.indexOf("~")+1);
		if (d_van != 'undefined') {
			$("#datumvan").val() = d_van;
		}
		if (d_tot != 'undefined') {
			$("#datumtot").val() = d_tot;
		}
	}});

en met deze ook niet:

$(document).ready(function(){
	if ($("#edit-filter4").attr('value') != "") { 
		var datums = $("#edit-filter4").attr('value');
		var d_van = $("#edit-filter4").attr('value').substring(0, $("#edit-filter4").attr('value').indexOf("~"));
		var d_tot = $("#edit-filter4").attr('value').substring(($("#edit-filter4").attr('value').indexOf("~") + 1));
		if (d_van != 'undefined') {
			$("#datumvan").attr('value', d_van);
		}
		if (d_tot != 'undefined') {
			$("#datumtot").attr('value', d_tot);
		}
	}});

Iemand een idee?