title: HTML + Hiding element from table based on value from another column
body: <p>I am trying to hide a button in a table column based on another column value, there's a table column field call "Archive" and if that value is true, I want to hide a button from another column. The code below I have however only hides the button in the first row and ignore subsequent rows. Please kindly assist. Thanks.</p>
  
  <pre><code>&lt;table class="table table-striped table-bordered"&gt;
      &lt;tr&gt;
          &lt;td width="8%" class="table_pink" style="background-color:#ED4085"&gt;Name&lt;/td&gt;
          &lt;td width="8%" class="table_pink" style="background-color:#ED4085"&gt;Email&lt;/td&gt;
          &lt;td width="8%" class="table_pink" style="background-color:#ED4085"&gt;Country&lt;/td&gt;
          &lt;td width="8%" class="table_pink" style="background-color:#ED4085"&gt;Time&lt;/td&gt;
          &lt;td width="5%" class="table_pink" style="background-color:#ED4085"&gt;WrongAtQuestion&lt;/td&gt;
          &lt;td width="5%" class="table_pink" style="background-color:#ED4085"&gt;Winner?&lt;/td&gt;
          &lt;td width="5%" class="table_pink" style="background-color:#ED4085"&gt;CreatedDateTime&lt;/td&gt;
          &lt;td width="5%" class="table_pink" style="background-color:#ED4085"&gt;Hidden&lt;/td&gt;
          &lt;td width="20%" class="table_pink" style="background-color:#ED4085"&gt;Action&lt;/td&gt;
      &lt;/tr&gt;
  
      @foreach (var item in Model)
      {
          if (item.Archive)
          {
              &lt;script type="text/javascript"&gt;
                  $('#hideButton').hide();
              &lt;/script&gt;
          }
  
             &lt;tr&gt;
                 &lt;td&gt;@item.Name&lt;/td&gt;
                 &lt;td&gt;@item.Email&lt;/td&gt;
                 &lt;td&gt;@item.Country&lt;/td&gt;
                 &lt;td&gt;@item.Time&lt;/td&gt;
                 &lt;td&gt;@item.WrongAtQuestion&lt;/td&gt;
                 &lt;td&gt;@item.IsWinner&lt;/td&gt;
                 &lt;td&gt;@item.CreatedDateTime&lt;/td&gt;
                 &lt;td&gt;@item.Archive&lt;/td&gt;
                 &lt;td&gt;&lt;a class="btn btn-primary" href="#" id="hideButton" onclick="deleteEntry('@item.Id', '@item.Name'); return false;"&gt;&lt;i class="icon-white icon-trash"&gt;&lt;/i&gt; Hide from Leaderboard&lt;/a&gt;&lt;/td&gt;
             &lt;/tr&gt;         
      }
  &lt;/table&gt;
  </code></pre>