从表

Question

我有一张像这样的表：

Month   Day       Year              Name 
------------------------------------------------
12      2           2016              Jazz
13      5           2016              John

我希望它像

    Month i  Day       Year              Name 
    ------------------------------------------------
    12       2           2016              Jazz
    13       5           2016              John

当我点击“i”时，会弹出一个泡泡对话并说“这是您需要注册的月份” 这是为了显示i并将其设为按钮

  <th style= "white-space: nowrap">Month  <button id="opener"><i class="fa fa-info" ></i></button></th>

我的jquery代码是：

  $(document).ready(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });

    $( "#opener" ).on( "click", function() {
      $( "#dialog" ).dialog( "open" );
    });
})

关闭桌子后的这个div

<div id=dialog>
<p> This is the month you will need to register </p>
</div>

i是一个可点击的按钮，但没有弹出任何内容，HI显示在表格下方 我怎样才能搞泡泡