How to open bootstrap modal in ajax success

I want to open bootstrap modal through jquery. I know ajax in running to success as it throws alerts. But cannot open modal. These are my code.

    type: "POST",
    url: "<?php echo base_url() . 'index.php/application/requestCode'; ?>",
    data: {
        'apiName': apiName,
        'api': api,
        'hotel': hotel,
        'template': template
    success: function(msg)

And my modal HTML is:

 <!-- Modal -->
 <div class="modal fade" id="getCodeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-lg">
      <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" id="myModalLabel"> API CODE </h4>
       <div class="modal-body" id="getCode" style="overflow-x: scroll;">
          //ajax success content here.

In error in console: modal is not a function.

try with this

success: function(resp){

Try this one:

success: function(data) {

This should work :).

this happen when you include library jquery twice. check for that, maybe you include it in your index and then again unnecessarily in you partial page.