<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="Assets/JS/jquery-1.11.2.min.js"></script> <script type="text/javascript"> $( document ).ready(function(){ console.log( "ready!" ); $("#myform").on("submit", function(){ var value =$("#uuid").val(); alert("orderformaction.cfm?url="+value); }); }); </script> <cfset getBrand = Application.brandObj.read()> <cfset getRAM = Application.RAMObj.read()> <div class="row"> <div class="col-md-6"> <fieldset> <legend>Make ur computer</legend> <cfoutput> <form id="myform" method="post" action="orderformaction.cfm"> <input type="hidden" name="order_Id" value="#createUUID()#" id="uuid"> <div class="form-group"> <label>brand of computer</label><br> <cfloop query = "getBrand"> <input type="radio" name="brand_Id" value="#getBrand.brand_Id#"> #getBrand.brandofcomputer# Rs #getBrand.brandwithprice#<br> </cfloop> </div> <div class="form-group"> <label>Selected RAM</label><br> <select name="RAM_Id" class="form-control"> <cfloop query = "getRAM"> <option value="#getRAM.RAM_Id#">#getRAM.capacity# #getRAM.RAMwithprice#</option> </cfloop> </select> </div> <div class="form-group"> Include DVD drive(Rs 3000) <input type="checkbox" name="IncludeDvddrive" value="3000"> </div> </fieldset> </div> <div class="col-md-4"> <fieldset> <legend>Contact Details</legend> <div class="form-group"> <label>Name</label> <input type="text" class="form-control" name="name"> </div> <div class="form-group"> <label>Address</label> <textarea name="address" class="form-control"></textarea> </div> <div class="form-group"> <label>Phoneno</label> <input type="text" class="form-control" name="phoneno"> </div> </cfoutput> </fieldset> <input type="submit" value="submit" class="btn btn-success col-xs-4" name="submit" id="submit"> </div> </div>