Problem on removing the class of jquery script after the content is loaded
I have the following code that gets the value of a drop down list and displays the value.php and valueb.php files in different divs. I already added a loading class, but I can't remove it when the page is loaded.

I tried `.removeClass('loading')` before the end of statement with no result (when i add the removeclass, the pic is not loading). 

The follow displays the loading pic onChange and stays showing. Thank you.

    <style>
    .loading { height:24px; background:#fff url('http://b.static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif') 50% 50% no-repeat; }
    </style>
    
        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'></script>
        <script language='JavaScript'>
        
        $(document).ready(function() {
        $('#termid').change(function() {
        var val = $(this).val();
        $('#firstresult').empty().addClass('loading').load(val + '.php');
        $('#secondresult').empty().addClass('loading').load(val + 'b.php');
        });
        
        
        
        });
        
        </script>
        
            <form>
                <select id="termid">
                    <option value="">- select -</option>
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                </select>  
            </form>
        
        <div id="firstresult" ></div>
        <div id="secondresult" ></div>


Problem on removing the class of jquery script after the content is loaded
===

I have the following code that gets the value of a drop down list and displays the value.php and valueb.php files in different divs. I already added a loading class, but I can't remove it when the page is loaded.

I tried `.removeClass('loading')` before the end of statement with no result (when i add the removeclass, the pic is not loading). 

The follow displays the loading pic onChange and stays showing. Thank you.

    <style>
    .loading { height:24px; background:#fff url('http://b.static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif') 50% 50% no-repeat; }
    </style>
    
        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'></script>
        <script language='JavaScript'>
        
        $(document).ready(function() {
        $('#termid').change(function() {
        var val = $(this).val();
        $('#firstresult').empty().addClass('loading').load(val + '.php');
        $('#secondresult').empty().addClass('loading').load(val + 'b.php');
        });
        
        
        
        });
        
        </script>
        
            <form>
                <select id="termid">
                    <option value="">- select -</option>
                    <option value="1">Option 1</option>
                    <option value="2">Option 2</option>
                </select>  
            </form>
        
        <div id="firstresult" ></div>
        <div id="secondresult" ></div>

