//Function to populate region/interest/sector on complete paeg.

$(function(){
            $("select#region").change(function(){
            $.getJSON("completelist.php",{id: $(this).val()}, function(j){
            var options = '';
            for (var i = 0; i < j.length; i++) {
            options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
            }
            $("#sector").html(options);
            $('#sector option:first').attr('selected', 'selected');
            })
            })			
            })
            
            //Populate div package-content with data -
            $(function(){
            $("select#sector").change(function(){
            $.getJSON("completelistdetail.php",{id: $(this).val()}, function(j){
            var pcontent = '';
            for (var i = 0; i < j.length; i++) {
            pcontent += j[i].optionDisplay;
            }
            <!--$("#package-content").html(pcontent);-->

            })
            })			
            })
			
			function populate() {
				
			var pop = document.getElementById("sector").value;
				
			$.getJSON("completelistdetail.php",{id: pop}, function(j){
            var pcontent = '';
            for (var i = 0; i < j.length; i++) {
            pcontent += j[i].optionDisplay;
            }
            $("#package-content").html(pcontent);
            })
            			
			
				
			}