title: My Bootstrap alert will not display after being closed
body: <p>Hi I have the following alert that is hidden on the page</p>
  
  <pre><code>&lt;div class="alert alert-success" id="selectCodeNotificationArea" hidden="hidden"&gt;
      &lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
      @TempData["selCode"]
  &lt;/div&gt;
  </code></pre>
  
  <p>I display it with the following javascript</p>
  
  <pre><code>    $('#send_reject_btn').click(function () {
          var selRowIds = $("#ApprovalGrid").jqGrid('getGridParam', 'selarrrow');
          if (selRowIds.length &gt; 0) {
              $('#reject_alert').show();
          } else {
              $('#selectCodeNotificationArea').show();
          }
      });
  </code></pre>
  
  <p>This is obviously linked to a button in my html.</p>
  
  <p>After the alert is shown if I close it using the<code>&lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;</code> The next time I press the button to open the alert I can see <code>$('#selectCodeNotificationArea').show();</code> being called in my debug screen but the alert doesn't display again.</p>
  
  <p>Has anyone experienced this before? </p>