title: Get table row value with jQuery/JS
body: <p>I am trying to get table value names with the following code:</p>
  
  <p>my table :</p>
  
  <pre><code>        function CreateBlockDeployTableRow(data) {
           return "&lt;tr&gt;" +
          "&lt;td&gt;" + data.EnvTypeName + "&lt;/td&gt;" +
          "&lt;td&gt;" + data.AppTypeName + "&lt;/td&gt;" +
          "&lt;td&gt;" + deleteBtn + "&lt;/td&gt;" +
          "&lt;/tr&gt;";
          }
  </code></pre>
  
  <p>my button: </p>
  
  <pre><code>        var deleteBtn = '&lt;button class="btn btn-danger unblock-button btn-sm 
          glyphicon glyphicon-minus" type=button &gt; &lt;/button&gt; '
  </code></pre>
  
  <p>on click function:</p>
  
  <pre><code>      function UnblockRequestHandler()
          {
          $('.unblock-button').click(function () {
          sendUnblockDeploySubmitHandler();
          });
         }
  </code></pre>
  
  <p>and here I want to send my Environment and Application to server side and take the value of the rows in the table , but the code is not working and not taking anything:</p>
  
  <pre><code>       function sendUnblockDeploySubmitHandler() {
         var $row = jQuery(this).closest('tr');
         var $columns = $row.find('td');
  
          $columns.addClass('row-highlight');
          var values = "";
  
            jQuery.each($columns, function (i, item) {
             values = values + 'td' + (i + 1) + ':' + item.innerHTML + 
            '&lt;br/&gt;';
          alert(values);
           });
             console.log(values);
            }
  </code></pre>
  
  <p>html code :</p>
  
  <pre><code>       &lt;div class="tbl-responsive"&gt;
        &lt;table id="blockDeployTable" class="table table-hover 
         requestsblockDeployTable" style="font-size: 0.8em; margin-top: 120px; 
          text-align:center"&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;Environment&lt;/th&gt;
              &lt;th&gt;Repo&lt;/th&gt;
              &lt;th&gt;Actions&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Where am I wrong here I cannot understand?</p>