submit no funciona dentro de un modal

[javierconesa23]

sigue sin funcionar , probe las dos respuestas . posteo el codigo de donde se lanza el modal a ver si veis algo raro , yo desde luego que no veo nada y ya no se que hacer

Código HTML:

<!-- Modal -->
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
         
            <!-- Modal content-->
            <div class="modal-content">
              <div class="modal-header">
              
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Su Perfil de  Usuario</h4>
              </div>
              <div class="modal-body" id="mbody2">
              </div>
             
              </div>
            </div>
         
          </div>
        </div>
 
        
        <div id="myModal2" class="modal fade" role="dialog">
          <div class="modal-dialog modal-lg" role="document">
         <!-- Modal content-->
                <div class="modal-content">  
                    <div class="form-group">
                        <div class="modal-body" width="800px" id="mbody">
              
              
              
                        </div>  
                    </div>
                </div>   
            </div>
        </div>      
 
 
 
 
<div class="page-container sidebar-collapsed"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always --> 
        
        <div class="sidebar-menu">
            
                
            <header class="logo-env">
                
                <!-- logo -->
                <div class="logo">
                    <a href="#">    
                        <img src="assets/images/EUROPORTS.png" width="80%" alt="80%" />
                    </a>
                </div>
                
                
                            <!-- logo collapse icon -->
                <div class="sidebar-collapse">
                    <a href="#" class="sidebar-collapse-icon with-animation"><!-- add class "with-animation" if you want sidebar to have animation during expanding/collapsing transition -->
                    <i class="entypo-menu"></i>
                    </a>
                            
                </div>
                
                                        
                
                <!-- open/close menu icon (do not remove if you want to enable menu on mobile devices) -->
                <div class="sidebar-mobile-menu visible-xs">
                    <a href="#" class="with-animation"><!-- add class "with-animation" to support animation -->
                        <i class="entypo-menu"></i>
                    </a>
                </div>
                
            </header>
                    
            
            
                    
            
                    
            <ul id="main-menu" class="">
            <a class="btn btn-primary" id="BOTONPARAABRIRMODAL">
                    <i class="entypo-plus" data-toggle="modal" data-target="#myModal2">Autorizar Matrículas</i>
                    </a>
                <!-- add class "multiple-expanded" to allow multiple submenus to open -->
                <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
                <!-- Search Bar -->
                
                <li class="opened active">
                    <a href="#">
                        <i class="entypo-window"></i>
                        <span>Autorizaciones</span>
                        
                    </a>
                    
                    
                </li>
            </ul>
                    
        </div>  
        <div class="main-content">
            
    <div class="row">
 
        
        <!-- Profile Info and Notifications -->
        <div class="col-md-6 col-sm-8 clearfix">
            
            <ul class="user-info pull-left pull-none-xsm">
            
                            <!-- Profile Info -->
                <li class="profile-info dropdown"><!-- add class "pull-right" if you want to place this from right -->
                    
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <?php echo '<img src="assets/images/'.$cliente.'.png" alt="" class="img-circle" width="44" />';?>
<?php  echo  "Bienvenid@ "   .$_SESSION['user'];?>
                    </a>
 
                    
            </li>       
                        
                        
            <li class="notifications dropdown">
                        
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                        <i class="entypo-user" data-toggle="modal" data-target="#myModal" id="BOTONPARAABRIRMODAL2"></i>
                        </a>
                                
                            
            </li>
 
 
                    
            
        
        </ul>
                
        
 
 
<li class="external">
    <a href="mailbox.html">All Messages</a>
</li>               </ul>
                
            </li>
            
            
    <script>
$(function () {
$("#datepicker").datepicker();
});
</script>
</head>
<body>
Fecha:
<div id="datepicker"></div>
</body>
</html>
 
 
<li class="external">
    <a href="#">See all tasks</a>
</li>               </ul>
                
            </li>
        
        </ul>
    
    </div> 
 
    
    
 <!-- <script type="text/javascript">
var responsiveHelper;
var breakpointDefinition = {
    tablet: 1024,
    phone : 480
};
var tableContainer;
 
    jQuery(document).ready(function($)
    {
        tableContainer = $("#table-1");
        
        tableContainer.dataTable({
            "sPaginationType": "bootstrap",
            "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
            "bStateSave": true,
            
 
            // Responsive Settings
            bAutoWidth     : false,
            fnPreDrawCallback: function () {
                // Initialize the responsive datatables helper once.
                if (!responsiveHelper) {
                    responsiveHelper = new ResponsiveDatatablesHelper(tableContainer, breakpointDefinition);
                }
            },
            fnRowCallback  : function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                responsiveHelper.createExpandIcon(nRow);
            },
            fnDrawCallback : function (oSettings) {
                responsiveHelper.respond();
            }
        });
        
        $(".dataTables_wrapper select").select2({
            minimumResultsForSearch: -1
        });
    });
</script>//-->
 
<br />
 
    
</h2>
 
 
 
 
 
<h4><center>Autorizaciones pendientes de carga</h4>
 
 
 
<?php require_once("autht.php");?>
 
 
<script type="text/javascript"> 
$("#BOTONPARAABRIRMODAL").click(function(){
$.ajax({
  method: "GET", //Elige get o post
  url: "contratos8.php",
  
})
  .done(function( msg ) {
   $("#mbody").html(msg); 
 $("#myModal2").show();
  });
 });
 </script> 
 
 <script type="text/javascript"> 
$("#BOTONPARAABRIRMODAL2").click(function(){
$.ajax({
  method: "GET", //Elige get o post
  url: "mail.php",
  
})
  .done(function( msg ) {
   $("#mbody2").html(msg); 
 $("#myModal").show();
  });
 });
 </script>
 
 
<script type="text/javascript">
jQuery(window).load(function()
{
    var $ = jQuery;
    
    $("#table-2").dataTable({
        "sPaginationType": "bootstrap",
        "sDom": "t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
        "bStateSave": false,
        "iDisplayLength": 8,
        "aoColumns": [
            { "bSortable": false },
            null,
            null,
            null,
            null
        ]
    });
    
    $(".dataTables_wrapper select").select2({
        minimumResultsForSearch: -1
    });
    
    // Highlighted rows
    $("#table-2 tbody input[type=checkbox]").each(function(i, el)
    {
        var $this = $(el),
            $p = $this.closest('tr');
        
        $(el).on('change', function()
        {
            var is_checked = $this.is(':checked');
            
            $p[is_checked ? 'addClass' : 'removeClass']('highlight');
        });
    });
    
    // Replace Checboxes
    $(".pagination a").click(function(ev)
    {
        replaceCheckboxes();
    });
});
    
// Sample Function to add new row
var giCount = 1;
 
function fnClickAddRow() 
{
    $('#table-2').dataTable().fnAddData(['<div class="checkbox checkbox-replace"><input type="checkbox" /></div>', giCount+".2", giCount+".3", giCount+".4", giCount+".5" ]);
    
    replaceCheckboxes(); // because there is checkbox, replace it
    
    giCount++;
}
</script>
 
 
 
<br />
<br />
 
 
<h3>&nbsp;</h3>
<br />
<script type="text/javascript">
    jQuery(document).ready(function($)
    {
        var table = $("#table-3").dataTable({
            "sPaginationType": "bootstrap",
            "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
            "bStateSave": true
        });
        
        table.columnFilter({
            "sPlaceHolder" : "head:after"
        });
    });
</script>
 
<br />
 
 
<h3>&nbsp;</h3>
<br />
<script type="text/javascript">
    jQuery(document).ready(function($)
    {
        var table = $("#table-4").dataTable({
            "sPaginationType": "bootstrap",
            "sDom": "<'row'<'col-xs-6 col-left'l><'col-xs-6 col-right'<'export-data'T>f>r>t<'row'<'col-xs-6 col-left'i><'col-xs-6 col-right'p>>",
            "oTableTools": {
            },
            
        });
    });
        
</script>
 
<br /><!-- Footer --></div>
 
    
<div id="chat" class="fixed" data-current-user="Art Ramadani" data-order-by-status="1" data-max-chat-history="25">
    
    <div class="chat-inner">
    
        
        <h2 class="chat-header">
            <a href="#" class="chat-close" data-animate="1"><i class="entypo-cancel"></i></a>
            
            <i class="entypo-users"></i>
            Chat
            <span class="badge badge-success is-hidden">0</span>
        </h2>