title: Laravel livewire model is not working when updating input field from javascript?
body: <p>I have a text input field which works great if I update it myself when typing inside it, however, what I need is to have this input field be populated with data from javascript, rather than the user.
  This is my input field</p>
  <pre><code>&lt;input type=&quot;text&quot; class=&quot;shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline&quot; id=&quot;images&quot; wire:model=&quot;images&quot;&gt;
  </code></pre>
  <p>This is what happens if I type &quot;123&quot; in the input field, I get this for the input field's value:</p>
  <p><a href="https://i.stack.imgur.com/Akcdo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Akcdo.png" alt="enter image description here" /></a></p>
  <p>However when I update it using javascript, <code>document.getElementById(&quot;images&quot;).value = &quot;Hello&quot;</code>
  The input field is populated with the new data:
  <a href="https://i.stack.imgur.com/wVxdA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wVxdA.png" alt="enter image description here" /></a></p>
  <p>But it doesn't make a new fetch call to get the data and the last one is with the &quot;123&quot; data that was inserted without javascript...</p>
  <p><a href="https://i.stack.imgur.com/H8ESx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H8ESx.png" alt="enter image description here" /></a></p>
  <p>Any idea of how it can get the data after updating the input's value from javascript?</p>