title: Clicking Bootstrap Input Button in List Disables Other Buttons
body: <p>This project uses Twitter Bootstrap, and a page lists saved files for either retrieval or deletion.  If the user clicks a "Download" input button in the list, other files' "Download" button clicks don't fire.  How can the buttons be set up such that a user can just go down the line and download each file one after the other?</p>
  
  <p>I've tried setting the button id to enabled or active at the end of the download script, but that hasn't worked.  Does anyone see what's going on here?  Thanks in advance!</p>
  
  <p>List in View:</p>
  
  <pre><code>&lt;div class="panel panel-default" id="uploadPanel"&gt;
      &lt;div class="panel-heading"&gt;Uploaded Files&lt;/div&gt;
      &lt;div class="panel-body"&gt;
          &lt;table id="dt_basic" class="table table-striped"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th style="display:none"&gt;&lt;/th&gt;
                      &lt;th class="text-center"&gt;File Name&lt;/th&gt;
                      &lt;th class="text-center"&gt;Uploaded Date&lt;/th&gt;
                      &lt;th class="text-center"&gt;Uploaded By&lt;/th&gt;
                      &lt;th&gt;&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  @if (Model.UploadedFiles.Any())
                  {
                      foreach (var record in Model.UploadedFiles)
                      {
                          &lt;tr&gt;
                              &lt;td style="display:none"&gt;@record.UploadedFileID&lt;/td&gt;
                              &lt;td align="center"&gt;@record.UploadedFileName&lt;/td&gt;
                              &lt;td align="center"&gt;@String.Format("{0:d}", @record.UploadedFileDate)&lt;/td&gt;
                              &lt;td align="center"&gt;@record.UploadedBy&lt;/td&gt;
                              &lt;td align="center"&gt;&lt;input type="button" class="btn btn-info" id="downloadFile" value="Download"&gt; | &lt;input type="button" class="btn btn-warning" id="deleteFile" value="Delete"&gt;&lt;/td&gt;
                          &lt;/tr&gt;
                      }
                  }
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The script for downloading a file:</p>
  
  <pre><code>$("#downloadFile").click(function () {
      var cells = $(this).closest('tr').children('td');
      var $id = Number(cells.eq(0).text());
      var $url = '@Url.Action("DownloadFile", "Files", new { id = "_id_" })';
      document.location.href = $url.replace("_id_", $id);
      //Tried re-activating and re-enabling $("downloadFile") here, but to no avail
  });
  </code></pre>