从特定选择中获取选择的选项值

我无法获取所选<option>值。<select>从数据库到表行是动态形成的。所有<select>都具有相同的类名。

这是我的HTML：

<tr>
    <td class="std_code">2014-1-10</td>
    <td>Student 10</td>
    <td>66</td>
    <td>100</td>
    <td>66</td>
    <td>
        <select class="degree_accept_id">
            <option value="1">BA(LAW)</option>
            <option value="2">BE(EE)</option>
        </select>
    </td>
    <td>17 November 2014</td>
    <td>
        <a href="" class="ee_accept_suggestion"><i class="fa fa-check fa-lg"></i></a>
    </td>  
</tr>
<tr>
    <td class="std_code">2014-1-9</td>
    <td>Student 9</td>
    <td>69</td>
    <td>100</td>
    <td>69</td>
    <td>
        <select class="degree_accept_id">
            <option value="1">BA(LAW)</option>
            <option value="2">BE(EE)</option>
        </select>
    </td>
    <td>17 November 2014</td>
    <td>
        <a href="" class="ee_accept_suggestion"><i class="fa fa-check fa-lg"></i></a>
    </td>  
</tr>
<tr>
    <td class="std_code">2014-1-8</td>
    <td>Student 8</td>
    <td>71</td>
    <td>100</td>
    <td>71</td>
    <td>
        <select class="degree_accept_id">
            <option value="1">BA(LAW)</option>
            <option value="2">BE(EE)</option>
            <option value="3">BE(ME)</option>
        </select>
    </td>
    <td>17 November 2014</td>
    <td>
        <a href="" class="ee_accept_suggestion"><i class="fa fa-check fa-lg"></i></a>
    </td>  
</tr>

JS代码：

<script>
    $(document).ready(function() {
        $('.ee_accept_suggestion').click(function(e) {
            e.preventDefault();
            var std_code = $(this).parent().siblings(".std_code").text();
            //var selected_degree = $(".degree_accept_id option:selected", this).attr("value");
            //var selected_degree = $(this).val();
            var selected_degree = $("select.degree_accept_id").val();
            alert(selected_degree);
        });
    });
</script>

问题：alert总是显示1。