Select navigation > is my code still valid?

Hi,

I have a menu with class ‘nav-head’ and use this to create a select menu bar for mobile screens. Using this code for several years now.

I don’t know much about jquery so I’m wondering if this code is still valid or already contains deprecated parts?

jQuery(document).ready(function() {
	// build <select> dropdown
	jQuery("<select />").appendTo("div.nav-head");

	// create option "Menu..."
	jQuery("<option />", {
		"selected": "selected",
		"value": "",
		"text": "Menu..."
	}).appendTo(".nav-head select");

	// populate
	jQuery(".nav-head ul li a").each(function() {
		var el = jQuery(this);

		if(el.parents('.nav-head ul ul').length) {
			// if there are ul in li
			jQuery('<option />', {
				'value': el.attr('href'),
				'text':  '- ' + el.text()
			}).appendTo('.nav-head select');
		} else {
			// if no ul in li
			jQuery('<option />', {
				'value': el.attr('href'),
				'text': el.text()
			}).appendTo('.nav-head select');
		}
	});

	// make links work
	jQuery(".nav-head select").change(function() {
		window.location = jQuery(this).find("option:selected").val();
	});
});

Thanks in advance.

Guido