title: MVC Updating Items in a Table without page refresh
body: <p>Here's what I am looking for :</p>
  
  <p>I have table which get's populated by model in my view as such :</p>
  
  <pre><code>    &lt;tbody&gt;
      @foreach (var item in Model.ReviewList)
      {
          &lt;tr&gt;
              &lt;td&gt;@item.MatchId&lt;/td&gt;
              &lt;td&gt;
                  &lt;ul class="list-unstyled addressList"&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine1&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine2&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine3&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine4&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine5&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine6&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine7&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine8&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine9&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.InputAddressLine10&lt;/span&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;ul class="list-unstyled addressList"&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine1&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine2&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine3&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine4&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine5&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine6&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine7&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine8&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine9&lt;/span&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;span&gt;@item.MatchAddressLine10&lt;/span&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/td&gt;
              &lt;td&gt;@item.GeoIDMatched&lt;/td&gt;
              &lt;td&gt;@item.RejectionReason&lt;/td&gt;
          &lt;/tr&gt;
      }
  &lt;/tbody&gt;
  </code></pre>
  
  <p>In this I basically list all my rejected items i.e. StatusID = 3 and next to each row in the table above I want to add a link/button when clicked on would then update this row's StatusID = 4 and then remove from this list and table since it's no longer StatusID = 3.</p>
  
  <p>So I am looking whats the best way to add a button to each row in this table, and manage the data in the table to be updated ?</p>