Jquery Works only once for alert of Bootstrap I am showing on page Asp.net

I want it to work every time. Every time I click on the save button without refreshing the page.

Here is my code.

Jquery Code In Admin.Master:

<script>
$(document).ready(function () {
    $("#successalert").hide();
    $("#sucess").click(function showAlert() {
        $("#successalert").alert();
        $("#successalert").fadeTo(2000, 500).slideUp(500, function () {
            $("#successalert").alert('close');
        });
    });
});

Settings.aspx Code

<div class="modal" id="menuiconmodal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">Menu</h4>
          </div>
          <div class="modal-body">                
       // some input tags    
          </div>
          <div class="modal-footer">

            <a href="javascript:;" id="sucess" class="btn btn-primary" data-dismiss="modal">Save</a>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>  
    <!-- /.modal -->

    // Alert Showing for a while 

    <div class="alert alert-success alert-dismissible" id="successalert">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <h4><i class="icon fa fa-check"></i> Hey!</h4> Menu Item Added Sucessfully !!!!
    </div>