$j(document).ready(
  function() {
    $j('.my-skinnable-select').each(
      function(i) {
        selectContainer = $j(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">a</div>').each(
          function() {
            $j(this).prev().text(this.options[this.selectedIndex].innerHTML)
          }
        );
        // Store the parent object
        var parentTextObj = selectContainer.children('.select-text');
        // As we click on the options
        selectContainer.children('select').change(function() {
			if (typeof this.selectedIndex != 'undefined') {
	   	       // Set the value of the html
    	      parentTextObj.text(this.options[this.selectedIndex].innerHTML);
			}
        });
		/*
        selectContainer.children('select').click(function() {
			if (typeof this.selectedIndex != 'undefined') {
	   	       // Set the value of the html
    	      parentTextObj.text(this.options[this.selectedIndex].innerHTML);
			}
        });
		*/
		if (jQuery.browser.msie) {
			selectContainer.children('select').css('filter', 'alpha(opacity=0)');		
		}
      }
    );
  }
);