Ciao a tutti.
Probabilmente sarà una banalità, ma come sempre mi perdo in un bicchiere d'acqua.
Questo è la pagina index.php

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<body style="background-color:#fffff;">
 <center>


   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>  
   <script type="text/javascript" src="jquery-1.3.2.js"></script> <!-- La versione potrebbe essere differente -->
 
    <script src="jquery-1.3.2.js"></script>     
  
<script src="css/js/zeroclipboard/jquery.zclip.min.js"></script>
<script src="../cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>

<link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
<link rel="stylesheet" href="css/landing-press.css" type="text/css"/>
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"/>
<link rel="stylesheet" href="css/font.css" type="text/css"/>

<script type="text/javascript">
$(document).ready(function() {

    $("#input_form").submit(function(){
        var fett = $("#fett").attr('value');
        
        $.ajax({
              url: 'risposta.php',
              type: "POST",
              data: "fett="+fett,
              success: function(data) {
            $("div#risposta").html(data);
              }
                
            });
            
        return false;
    }); 

});
</script>

<script language="javascript">
function disabilita() {
document.testa.invio.disabled=true;
}
</script>
<script language="javascript">
var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality
</script>
</head>

<body>
<?php
if(isset($_POST['invio'])) {
    $fullname= $_POST['fullname'];
}
?>

    <form name="testa" id="input_form" action="" accept-charset="utf-8" method="post" class="form-shorten" >
    <!--    <input type="text" name="fett" id="fett">  <br/><br/>  -->    
        <input type="text" name="fullname" class="form-control input-lg" pattern="https?://.+" id="fett" placeholder="http://" required><br/>
        <input name="invio" type="submit" class="btn" value="invia" onclick="javascript:disabilita()"><i class="fa fa-paper-plane"></i> Shorten</input>
        
    </form><br /><br/> 
    <div id="risposta"></div>
</div> 
 </center>

</body>

<!-- qui comincia  modal asacked -->
<head>
</head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>     -------------------  --------------------------->          
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
  
</html>
Che non fa altro che fare una richiesta alla pagina risposta.php

codice:
<?php
if(isset($_POST['text'])) {
    $fulname = $_POST['fullname'];
}
echo "Hai inserito i seguenti dati:-><strong>$_POST[fett]</strong>";
?>
E fino a qui tutto funziona bene.
Ma per esigenze grafiche devo inserire questa jquery
codice:
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
ma appena lo faccio la risposta alle richieste che faccio diventa undefined
Grazie mille per tutto l'auto che mi potete dare!