Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape?

<div id="idModal" class="modal hide" data-backdrop="static" data-keyboard="false">

<div class="modal fade login-register" id="popup-cityselect" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <!--<button type="button" class="close close-btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>-->
    <div class="form-background">
      <div class="col-sm-12 popup-form">
        <div class="form-header color">
          <h1 class="section-title"> <span class="icon-inner"><span class="fa-stack"><i class="fa rhex fa-stack-2x"></i><i class="fa fa-ticket fa-stack-1x"></i></span></span> <span class="title-inner">Select Your City</span> </h1>
        </div>
        <form method="post" action="#" class="registration-form alt">
          <div class="row">
            <div class="col-sm-12 form-alert"></div>
            <div class="col-sm-12">
              <div class="form-group">
                <select class="form-control input-name selectCity" name="selectedCity">
                  <option value="" selected disabled>Select City</option>
                              $item = $cities[$i];?>
                  <option value="1">
                  Vizag
                  </option>
                  
                </select>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="text-center">
                <button type="submit" class="btn btn-theme btn-block submit-button" data-animation-delay="100" data-animation="flipInY"> Submit <i class="fa fa-arrow-circle-right"></i></button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>