title: How to add a loading.. message in the AJAX call?
body: <p>I have a AJAX function like this:</p>
  
  <pre><code>function change_session(val) {
      var change_session_id=document.getElementById('select_path').value;
        $.ajax({
                  type: "GET",
                  url: "/change_path/",
                  async: false,
                  data: {change_session_id:change_session_id},
                  success: function(data){
                      document.getElementById('transfer1').innerHTML=data;
                      document.getElementById('transfer1').style.display="block";
                  }
              });
  
  }
  </code></pre>
  
  <p>I am applying AJAX in a select statement:</p>
  
  <pre><code>&lt;select onchange="change_session()" name="select_path" id="select_path"&gt;
  
                &lt;option name="server_id" id="select_path" value="{{ i.id }}"&gt;{{ active }}&lt;/option&gt;
                {% for i in session_info %}
                &lt;option name="server_id" id="select_path" value="{{ i.id }}"&gt;{{ i.session_name }}&lt;/option&gt;
                 {% endfor %}
                 &lt;input type="hidden" id="change_session_id" value="{{ i.id }}" /&gt;
              &lt;/select&gt;
  </code></pre>
  
  <p>Everything is working fine but while changing the <code>option</code> in the select statement the content takes a time to load and the option statement freezes until the function change_path is completed. So I want to add the message <code>"Loading"</code>in the div element while the loading completes. </p>