$(document).ready(
    function() {
	if (!($.browser.msie && $.browser.version.substr(0,1)<7))
	{
	    $('.my-skinnable-select').each(
		function(i) {
		    selectContainer = $(this);
		    // Remove the class for non JS browsers
		    selectContainer.removeClass('my-skinnable-select');
		    // Add the class for JS Browers
		    selectContainer.addClass('skinned-select');
		    // Find the select box
		    selectContainer.children().before('<div class="select-text"></div>').each(
		      function() {
			  if (this.selectedIndex > 0)
			    $(this).prev().text(this.options[this.selectedIndex].innerHTML)
			  else
			    $(this).prev().text(this.options[0].innerHTML)
		      }
		    );
		    // Store the parent object
		    var parentTextObj = selectContainer.children().prev();
		    // As we click on the options
		    selectContainer.children().change(function() {
		      // Set the value of the html
		      parentTextObj.text(this.options[this.selectedIndex].innerHTML);
		    })
		}
	    );
	}
    }
);