title: Setting of "Disabled" Property in jQuery Not Working for Touch Event
body: <p>For example, a piece of jQuery code:</p>
  
  <pre><code>$("#my_button").prop("disabled", true);
  </code></pre>
  
  <p>The code can prevent the button from responding to mouse click events correctly. However the button continues responding to touch events on mobile devices regardless of the setting of "disabled" property.</p>
  
  <p>So I'm wondering if there is a way to completely disable the button or other elements by preventing them from responding to all user interactions. Many thanks!</p>