title: Alpine Js does not sync data for x-text and x-model, if used in a loop on table row
body: <p>I am trying to loop over employees array and I want show employee salary and an input field to edit employee salary. The problem is that Alpine does not sync data from input field to the text element.
  Example:</p>
  <pre><code>&lt;tbody&gt;
      &lt;template x-for=&quot;employee in employees&quot;&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;input x-model=&quot;employee.basic_salary&quot;&gt;
              &lt;/td&gt;
              &lt;td x-text=&quot;employee.basic_salary&quot;&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/template&gt;
  &lt;/tbody&gt;
  
  &lt;script&gt;
  function data() {
      return {
          employees: [
              {id:1, basic_salary: 6000},
              {id:2, basic_salary: 7000},
          ]
      }
  }
  &lt;/script&gt;
  </code></pre>