Jquery UI tabs & Select Box- Next/Previous buttons
===

I am currently working with Jquery UI tabs and dynamic select boxes. I am currently trying have the buttons disabled until user selects and item from the select box . Is it possible/How can get the user to first click on an item in the select box before advancing to the next tab? I dont have anything that I can build from but here is my [EXAMPLE][1] so far.
 
**JS- For previous/next button**

       <script>
        		$(function() {
        
        			var $tabs = $('#tabs').tabs();
        	
        			$(".ui-tabs-panel").each(function(i){
        	
        			  var totalSize = $(".ui-tabs-panel").size() - 1;
        	
        			  if (i != totalSize) {
        			      next = i + 2;
        		   		  $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
        			  }
        	  
        			  if (i != 0) {
        			      prev = i;
        		   		  $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
        			  }
           		
        			});
        	
        			$('.next-tab, .prev-tab').click(function() { 
        		           $tabs.tabs('select', $(this).attr("rel"));
        		           return false;
        		       });
               
        
        		});
        </script>

**PHP/HTML**

    <select name="gender" id="gender" class="update" size="7"> 
        	<option value="">Select one</option> 
        		<?php if (!empty($list)) { ?> 
        			<?php foreach($list as $row) { ?> 
        				<option value="<?php echo $row['id']; ?>"> 
        					<?php echo $row['category_name']; ?> 
        							</option> 
        						<?php } ?> 
        					<?php } ?> 
    </select> 
        			 
    <select name="category" id="category" class="update" disabled="disabled" hidden="hidden" size="7"> 
        	<option value="">----</option> 
    </select> 
        			 
    <select name="colour" id="colour" class="update" disabled="disabled" hidden="hidden" size="7"> 
        	<option value="">----</option> 
    </select> 


  [1]: http://webprolearner.ueuo.com/dropdown-menu/test1.php