$(document).ready(
  function() {
	var newName = '';
    $('.my_select').each(
      function(i) {
        selectContainer = $(this);
		newName = '';
		$(this).find('select').find('option').each(function(){
			
			if($(this).attr('selected') == 'selected'){
				
				newName = $(this).html();
				
			}
			
		});
		
		
		
		
        // Remove the class for non JS browsers
        selectContainer.removeClass('my_select');
        // Add the class for JS Browers
        selectContainer.addClass('select_btn');
        // Find the select box
        selectContainer.children().before('<div class="select-text">' + newName +'</div>').each(
          function() {
            $(this).prev().text(this.options[0].innerHTML);
          }
        );
        // Store the parent object
        var parentTextObj = selectContainer.children().prev();
        // As we click on the options
        selectContainer.children().click(function() {
          // Set the value of the html
          parentTextObj.text(this.options[this.selectedIndex].innerHTML);
        })        
	 $(selectContainer).find('.select-text').html(newName);
      }
    );//ddddddddddddddddddddddddddddd
  }
);