title: Get value of selected dropdown in table cell using jquery
body: <p>I have a table whose second column is a dropdown list. I want to grab the value of the dropdown. The problem I am having now is that if a user selects the value of the second row's drop down list, I am still receiving the value of the first row's dropdown list.</p>
  
  <p>Here's my code: </p>
  
  <pre><code>$('#orders').on('change', function () {
  
      console.log("value is " + $('.dropdown_select').closest("tr").find("option:selected").val());
  });
  </code></pre>
  
  <p>My table is is "#orders" and my dropdown select class name is "dropdown_select". </p>
  
  <p>Can anyone show me what I am doing wrong here. </p>