title: Ajax disabling a popup menu plugin
body: <p>I am using this JavaScript popup menu in my ASP.NET Web Forms project: <a href="http://jsfiddle.net/o8x59caz/4/" rel="nofollow">http://jsfiddle.net/o8x59caz/4/</a></p>
  
  <p>This code is working fine until I call a JavaScript function that contains Ajax code. And this function and the one given in the fiddle has no relation or common tags (or tag classes) between them. But whenever I call this Ajax function, it disables the popup menu and nothing happens when I click on the button that displays this popup menu. But before the control reaches this Ajax function, this popup menu is working fine. I tried to check the browser console but it shows no error or warning. Following is the code of my Ajax function:</p>
  
  <pre><code>var curevaldiv, ecount = 0;
  function SaveAll() {
      var gifurl = '&lt;data url of gif animation';
      var evalDivs = $("div.evld");
      if (evalDivs.length &gt; 0) {
          evalDivs.html("&lt;img src='" + gifurl + "' alt='Please wait. ' style='height:35px'/&gt; &lt;span style='font-size: medium'&gt;Evaluating...&lt;/span&gt;");
          var i; var infoids = '';
          for (i = 0; i &lt; evalDivs.length; i++) {
              curevaldiv = evalDivs[i];
              infoids = infoids + curevaldiv.dataset.infoid + ';';
          }
          SendToServer(3,
             { "InfoIDs": infoids },
             null,
             function (data) {
                 if (data.rstat != -1) {
                     var infoid, infoval;
                     var infovals = data.rhtml.split(';');
                     for (var j = 0; j &lt; infovals.length; j++) {
                         infoid = infovals[j].split(':')[0];
                         infoval = infovals[j].split(':')[1];
                         $('#val' + infoid).html("&lt;i class='fa fa-calculator'&gt;&lt;/i&gt;&amp;nbsp;&lt;span class='counter'&gt;" +
                             (infoval == "[ERROR]" ? "&lt;font color='red'&gt;&lt;small&gt;&lt;i class='fa fa-exclamation-circle'&gt;&lt;/i&gt; ERROR&lt;/small&gt;&lt;/font&gt;" : infoval) +
                             "&lt;/span&gt;");
                     }
                     ecount++;
                 }
                 else
                     curevaldiv.innerHTML = "&lt;font color='red'&gt;&lt;small&gt;&lt;i class='fa fa-exclamation-circle'&gt;&lt;/i&gt; ERROR&lt;/small&gt;&lt;/font&gt;";
             },
                     function () {
                         curevaldiv.innerHTML = "&lt;font color='red'&gt;&lt;small&gt;&lt;i class='fa fa-exclamation-circle'&gt;&lt;/i&gt; ERROR&lt;/small&gt;&lt;/font&gt;";
                     });
      }
  }
  </code></pre>
  
  <p><code>SendToServer()</code> is a Utility function created by me to avoid writing common Ajax parameters again and again.</p>
  
  <p>Please help me! This problem is making my head heavy for past three days. :(</p>