title: jQuery dynamic input value lost on blur or focusout
body: <p>Whenever I dynamically change the value of an <code>input</code> field (<code>$(&quot;#test&quot;).val(&quot;test&quot;)</code> or <code>$(&quot;#test&quot;).value = &quot;test&quot;</code>) then physically click the field then exit the <code>input</code> the value reverts back to <code>&quot;&quot;</code>. Physically changing the value retains the value.</p>
  <p>I have tried:</p>
  <pre><code>- physically removing all event listeners on the page in Chrome DevTools
  </code></pre>
  <pre><code>- $(&quot;input&quot;).off();
  </code></pre>
  <pre><code>- $(&quot;input&quot;).click(function(e) { 
      e.preventDefault();
      e.stopImmediatePropagation(); 
      return false;
    });
    $(&quot;input&quot;).blur(function(e) { 
      e.preventDefault();
      e.stopImmediatePropagation(); 
      return false;
    });
    $(&quot;input&quot;).focusout(function(e) { 
      e.preventDefault();
      e.stopImmediatePropagation(); 
      return false;
    });
  </code></pre>
  <p>I have checked network traffic and nothing has changed on change.</p>
  <p>The system uses React, dojo, dijit if that is relevant / helps.</p>
  <p>Thanks for any assistance!</p>