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>。