title: AlpineJS trigger native JS event with x-model (woocommerce cart)
body: <p>Trying to use AlpineJS in Woocommerce checkout. I have input number field with + - indicators to increase value, simplefield code:</p>
  <pre><code>&lt;div x-data=&quot;{ qty: 1 }&quot;&gt;
    &lt;i @click=&quot;qty = qty &gt; 2 ? qty - 1 : 1&quot; class=&quot;icon-left-open&quot;&gt;&lt;/i&gt;
  
    &lt;input type=&quot;number&quot; x-model=&quot;qty&quot;&gt;
  
    &lt;i @click=&quot;qty = qty + 1&quot; class=&quot;icon-right-open&quot;&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  <p>So the problem is that when the input value changes woocommerce &quot;update cart&quot; button still has a disabled state. I thought this was happing because x-model and 2-way binding don't fire native change/input events?</p>
  <p>How to tell woocommerce that value changed?</p>