MVC4 Bootstrap JQuery-将下拉标题设置为所选项目

Question

I've been following several posts on here about returning the value selected from a drop-down list and setting the title of the drop-down to this selection. current: How to change the main display of dropdown when an item is selected in bootstrap

Ive tried several other examples but none are working for me when other scripts work fine.

Can anyone see my silly error? (I know it has to be something small)

My Dropdown:

<div class="form-group">
<label for="platform" class="control-label col-xs-2">Platform:</label>
    <div class="col-xs-10">
        <div class="dropdown">
                <button class="btn btn-default" id="pickButton" data-toggle="dropdown">                                    
                    <span id="dropdown_title">Select</span>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" id="selectionDropdown">
                    <li><a tabindex="-1" href="#">Android</a></li>
                    <li><a tabindex="-1" href="#">IOS</a></li>
                    <li><a tabindex="-1" href="#">Windows Phone</a></li>
                </ul>
            </div>
        </div>
    </div>

My Script:

<script>
$(document).ready(function () {
    $('#pickButton').dropdown();
    $('#selectionDropdown li').on('click', function() {
        $('#dropdown_title').html($(this).find('a').html());
    });​
});
</script>

Answer 1

由于没有答案，代码似乎已经修复了自己（归咎于VS2013），请参阅问题以获取工作代码。