title: Message is not showing in Chrome and IE while it is working in Firefox
body: <p>This Div message is getting changed and being showing in Firefox, but it is not showing in chrome.</p>
  
  <p>This is the HTML:</p>
  
  <pre><code>&lt;div style="position: relative; color: Green" id="divMessage"&gt;
  &lt;input type="button" value="value" class="abc" id="btnClick" name="Submit" /&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>var strMessageEmpty = "";
  var strMessageSavingInProgress = "Saving Data.  Please wait...";
  var strMessageDone = "Module Calculation has been done...!";
  $("#btnClick").click(function() {
      $("#divMessage").val(strMessageEmpty);
      $("#divMessage").html(strMessageSavingInProgress);
      // SAVE DATA
      $.ajax({
          type: 'post',
          //  contentType: 'application/json',
          async: false,
          cache: false,
          url: '/Controller/Action',
          //  dataType: 'json',
          data: {
              Period: $('#ddlPeriod').val()
          },
          success: function(data) {
              $("#divMessage").html(strMessageSavingInProgress);
              key = data;
          },
          error: function(err) {}
          $("#divMessage").val(strMessageEmpty);
      });
  </code></pre>