Jquery 动态更改引导按钮的innerHtml

我有以下引导导航栏：

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand">J+ Iso&epsilon;ditor</a>
            <div class="nav-collapse collapse">
                <ul class="nav">
                    <div class="btn-group">
                        <button class="btn" id='bts-display-button'></button>
                        <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span></button>
                        <ul class="dropdown-menu" id="bts-dropdown">

                        </ul>
                    </div>
                <button class="btn">New BTS</button>

                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</div>

例如，如果用户单击

下拉菜单中的元素
Hello
，则控制台会正确记录值“Hello”，但
bts显示按钮的innerHtml保持不变

注意：我所有的脚本都位于html的底部，因此当执行上面的代码时，DOM就准备好了

有人能帮帮我吗，因为我已经被困在这里两天了。非常感谢您的帮助
 替换：

$（“#bts显示按钮”）.html（工具栏.选定的#bts）

与

$（'body'）.find（'#bts显示按钮'）.html（Toolbar.selected_bts）

让它工作

我提出了一个新的问题来解释为什么会出现这种情况：
有多少个元素的
id
设置为
bts显示按钮
？只有代码中显示的一个
class Toolbar
  constructor: () ->

    @selected_BTS = undefined # The current selected BTS in the BTS dropdown

    @create_toolbar()
    @bts_dropdown_selecion_clickhandler()

  create_toolbar: () =>

  # Add new bts to drop down 
  addBTS: (name) =>
    $('#bts-dropdown').append "<li>#{name}</li>"


  # Set the caption of the bts-dropdown button to what is selected
  bts_dropdown_selecion_clickhandler: () =>
    $('body').on 'click', '#bts-dropdown li', ->
      console.log $(this).html()
      Toolbar.selected_BTS = $(this).html()
      $('#bts-display-button').html(Toolbar.selected_BTS)