html样式标签是不能绑定事件

今有如下html片段：

       <span class="fl" ><strong id="btn-add-sub-account">新增子账号</strong><a class="add-button"><em></em>新增子账号</a></span>

       

        接下来给id="btn-add-sub-account"绑定toggle事件，代码如下：

        $(function() {
             //新增子帐号事件
            $("#btn-add-sub-account").toggle(function() {
                       $("#div-add-sub-account").show();
                }, function() {
                       $("#div-add-sub-account").hide();
                });
         });

     但是发现怎么测试，包括换了bind,delegate等函数去给它绑定事件都失败了，后来再回来细看html代码发现id绑定在了样式标签上，后来把id移到前面的span上面就可以了，

      <span class="fl"id="btn-add-sub-account"><strong >新增子账号</strong><a class="add-button"><em></em>新增子账号</a></span>。