title: What prevents a Jquery oncontext from firing?
body: <p><a href="https://i.stack.imgur.com/YxWkc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YxWkc.png" alt="enter image description here"></a>I have a large table based web app running. Most cells in each column are editing by including a oncontextmenu= function like this;</p>
  
  <pre><code>&lt;td oncontextmenu=\"MapLat('$row[latitude]');return false;\" class=\" editLAT \" id=\"Lat:$row[recordID]\"&gt; $row[latitude] &lt;/td&gt;
  </code></pre>
  
  <p>It occurred to me it might be cleaner to use Jquery like this;</p>
  
  <pre><code>$(document).ready(function() {
      $( "td.editLAT" ).contextmenu(function() {
          alert( "Handler for LAT called." );
  }); });
  </code></pre>
  
  <p>However it never fires the function. Below is a link to a jsfiddle that demonstrates the functionality. The jsfiddle works! But the same exact code in my app does not. Nothing happens, no error is shown in the log or the inspector. It just doesn't fire.
  Yes, I'm including the same version of Jquery as the jsfiddle, everything is the same. The tables are all built via PHP/MySQL but look exactly like that in the example.</p>
  
  <p>jsfiddle at.    <a href="https://jsfiddle.net/kkaiser/sumnncrm/31/" rel="nofollow noreferrer">https://jsfiddle.net/kkaiser/sumnncrm/31/</a></p>
  
  <p>What could be causing this function not to fire in my production page but works in all test pages including the jsfiddle?</p>