title: How to prevent propagation of input box event when changing values?
body: <p>I understand event propagation can be stopped by using <code>event.stopPropagation()</code> on a &quot;click&quot; event for instance. I don't understand if in my case it is possible to do something like this to prevent the propagation.</p>
  <p>I have a default event bound to textboxes when there is an input in it:</p>
  <pre><code>$('#inputbox').on('input', function () {
        // something
          }
  </code></pre>
  <p>Elsewhere in the code, I want to programmatically add text in the textboxes, but I don't want to trigger the default event. I just want the textbox to have the new text, without triggering any event:</p>
  <pre><code>$('#inputbox').val(values);
  </code></pre>
  <p>The code above triggers the input event. How can I use the <code>stopPropagation()</code> function in such case (with the <code>.val()</code> function)? I want to avoid going in the <code>.on('input')</code> function without changing it.</p>