title: why the loading sign doesn't appear when i running the code on chrome "works on firefox"?
body: <p>I had a function to fill google maps in my html page and I call function </p>
  
  <pre><code>popUpLoadingScreen()
  {
      $("#mapLoadingUIId").css("display","block");
  }
  
  function dismissLoadingScreen()
  {
      $("#mapLoadingUIId").css("display", "none");
  }
  </code></pre>
  
  <p>to show loading message while the markers rendered on the map but it didn't appear, and when I put a break point to know what's the problem the sign appears but in the normal run it doesn't appear so I what to know where is the problem? </p>
  
  <p>the HTML part: </p>
  
  <pre><code>&lt;div id="mapLoadingUIId" class="mapLoadingUI"&gt;
      Loading...
  &lt;/div&gt;
  &lt;div id="map" class="mapBody"&gt;&lt;/div&gt;
  &lt;script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASTMSvPns7Zclg5dAGYTMQgtwia5nQy0M&amp;callback=initMap"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The css part:</p>
  
  <pre><code>.mapLoadingUI {
  display:none;
  position: fixed;
  left: 324px;
  top: 48px;
  min-width: 1500px;
  min-height: 100px;
  z-index: 9999;
  background-color:#87cefa;
  z-index:1000;
  text-align:center;
  line-height: 100px;
  font-family: Arial;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  }
  </code></pre>
  
  <p>The js that call the functions:</p>
  
  <pre><code>function renderWells(wells) {
      popUpLoadingScreen();
      //some code to run
      dismissLoadingScreen();
  }
  </code></pre>