title: jQuery function .on() doesn't work with "click" event
body: <p>I am working with MS Dynamics CRM 2013 and I am facing with the issue that when I want to add event handler to the button "Documents" in the navigation pane,</p>
  
  <p><img src="https://i.stack.imgur.com/87Mxa.png" alt="enter image description here"></p>
  
  <p>jQuery function .on() doesn't work with "click" event. It works fine with "mouseover" or "mouseup" events, but does not work with "click".
  Here is code, that I'm using:</p>
  
  <pre><code>$("#crmMasthead").on( "click", "#Node_navDocument", function(){ alert("Success!"); } );
  
  Where:
  #crmMasthead - static selector;
  #Node_navDocument - id of the button "Documents", that I want to reload.
  </code></pre>
  
  <p>Please help me with this issue. Thank you in advance!</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Here is html which I am dealing with:</p>
  
  <p>Before user opens navigation pane in CRM 2013:</p>
  
  <pre><code>&lt;body&gt;
  ...
      &lt;div id="crmMasthead" tabindex="-1"&gt;
          &lt;div class="navStatusArea" id="navStatusArea"&gt;&lt;/div&gt;
          &lt;div class='navBar' id='navBar'&gt;...&lt;/div&gt;       
          &lt;div class="navBarOverlay" id="navBarOverlay" style="display: none;"&gt;     &lt;/div&gt;
      &lt;/div&gt;
  ...
  &lt;/body&gt;
  </code></pre>
  
  <p>User has just opened navigation pane in CRM 2013:</p>
  
  <pre><code>&lt;body scroll="no"&gt;
  ...
      &lt;div id="crmMasthead" tabindex="-1"&gt;
          &lt;div class="navStatusArea" id="navStatusArea"&gt;&lt;/div&gt;
          &lt;div class='navBar' id='navBar'&gt;&lt;/div&gt;
  Changed:&lt;div class="navBarOverlay" id="navBarOverlay" style="display: block;"&gt;&lt;/div&gt;
  New:    &lt;div class="navActionGroupContainer" style=""&gt;
              ...
              &lt;a class="navActionButtonContainer navActionButton     navActionButtonDefault normal " id="Node_navDocument" role="button" title="Documents" href="javascript:;" unselectable="on" style="background-color: #555555"&gt;...&lt;/a&gt;
              ...
          &lt;/div&gt;
  
      &lt;/div&gt;
  ...
  &lt;/body&gt;
  </code></pre>