$(document).ready(function() { $("#btnSubmit").click(function(e) { var txtData = []; $("form :input[type=text]").each(function() { txtData.push($(this).val()); }); $("#hdnData").val(txtData.join("$$$")); $('p').html($("#hdnData").val()); e.preventDefault(); }); });
<form> Blog Name: <input type='text' id='txtName' value="jQuery By Example" /> <br/> <br/> Description :<input type='text' id='txtDesc' value="It's Rocking" /> <br/><br/> Technology :<input type='text' id='txtTech' value="jQuery" /> <br/><br/> <input type='hidden' id='hdnData' /> <input type='button' id='btnSubmit' value='Submit' /> <p></p> </form>