2 small javascript adjustments to existing form page

Hi! I have a page that dynamically creates a bunch of forms that then through jquery/ajax submits to a target page. I need to add two functions to the form. 1. Each generated form should have a random value from an array. 2. Each form should have its own result-div. The current code which uses some ASP.NET server coding (taken out) looks like this: //SERVERCODE —————————— //SERVERCODE %> <script type="text/javascript" src="[login to view URL]"></script> <script type="text/javascript" > var USERNAMES = ['USERNAME1’, ’USERNAME2’, ’USERNAME3’]; </script> <% //SERVERCODE THAT FETCHES SOM VALUES AND MAKES LOOP //Creates a ’count’ variable that increases with one for each loop count = count + 1 It basically creates a form for all items in a row. %> <strong> <div id="results"></div> <form name="contact<%=count%>" action=”[login to view URL]" method="POST" id="contact<%=count%>"> <div><%=variable1%>. <%=variable1%></div> <div>id: <input type="text" name="id" id="id" value=<%=id%> /></div> <div>kopare: <input type="text" name=”buyer” id=”buyer” value=”RANDOMSELECTEDUSERNAMEFROMUSERNAMESARRAY” /></div> <div>Bud: <input type="text" name=”bid” id=”bid” value="<%=bid%>”/></div> <div id=”result<%=count%>”></div> <div><input type="submit" name="submit" value="Submit" /></div> </form> <hr> <% //SERVERCODE /End of loop etc… %> <script type="text/javascript"> $(document).ready(function() { $("form").submit(function() { // Getting the form ID var formID = $(this).attr('id'); var formDetails = $('#'+formID); $.ajax({ type: "POST", url: '<%=target%>.aspx', data: [login to view URL](), success: function (data) { // Inserting html into the result div //The results should be shown in each forms private div. $('#results').html(data); }, error: function(jqXHR, text, error){ // Displaying if there are any errors $('#result').html(error); } }); return false; }); }); </script>