Issue with dropdown box and jquery using ajax request
<p>I have a dropdown box thats sole purpose is to show customer contact info using ajax and jquery. When you first select an option it does not display the contact information, yet if you try to choose another option from the box again it now works as it is supposed to. Any ideas? </p>

<p>Please note that By Area of Specialization does not have any contact info added yet, please try the 2 boxes bellow it.</p>

<p>Example can be viewed at: <a href="http://www.mcancommunications.com/almag/pages/contact.php" rel="nofollow">http://www.mcancommunications.com/almag/pages/contact.php</a></p>

<p>Code to function bellow:</p>

<pre><code>$('#specialization_select').change(function () {

    var spec_id = $("#specialization_select").val();
    var datatopass = 'spec_id=' + spec_id;
    //start the ajax
    $.ajax({ 
        //this is the php file that processes the data and send mail
        url: "../pages/contact_process.php",
        //GET method is used
        type: "POST",
        //pass the data
        data: datatopass,
        //Do not cache the page
        cache: false,
        //success
        success: function (html) {
            //if contact_process.php returned 1/true (then ajax call to grab info worked)
            if (html != 0) {
             $("#left-side-contact").width('45%');                  
             $("#mid-section-contact").width('30%');
             $("#mid-section-contact").css("float","left");
             $("#mid-section-contact").html(html);
             $("#right-section-contact").width("25%");
             $("#right-section-contact").css("float","right");
            } else {
                alert("Failed ajax call!");
            }

         } 

    });
});

$('#sales_team').change(function () {

    var sales_team = $("#sales_team").val();
    var datatopass = 'sales_team=' + sales_team;
    //start the ajax

    $.ajax({ 
        //this is the php file that processes the data and send mail
        url: "../pages/contact_process.php",
        //GET method is used
        type: "POST",
        //pass the data
        data: datatopass,
        //Do not cache the page
        cache: false,
        //success
        success: function (html) {
            //if contact_process.php returned 1/true (then ajax call to grab info worked)
            if (html != 0) {
             $("#left-side-contact").width('45%');                  
             $("#mid-section-contact").width('30%');
             $("#mid-section-contact").css("float","left");
             $("#mid-section-contact").html(html);
             $("#right-section-contact").width("25%");
             $("#right-section-contact").css("float","right");
            } else {
                alert("Failed ajax call!");
            }

         } 

    //cancel the submit button default behaviours 
    });
});

$('#almag_management').change(function () {

    var almag_management = $("#almag_management").val();
    var datatopass = 'almag_management=' + almag_management;
    //start the ajax

    $.ajax({ 
        //this is the php file that processes the data and send mail
        url: "../pages/contact_process.php",
        //GET method is used
        type: "POST",
        //pass the data
        data: datatopass,
        //Do not cache the page
        cache: false,
        //success
        success: function (html) {
            //if contact_process.php returned 1/true (then ajax call to grab info worked)
            if (html != 0) {
                $("#left-side-contact").width('45%');                   
                $("#mid-section-contact").width('30%');
                $("#mid-section-contact").css("float","left");
                $("#mid-section-contact").html(html);
                $("#right-section-contact").width("25%");
                $("#right-section-contact").css("float","right");
            } else {
                alert("Failed ajax call!");
            }

         } 

    //cancel the submit button default behaviours 
    });
});
</code></pre>
