ok , i have a form and 10 divs below it , i want to put the text sent from the form into the first div which i have done and it works fine.
i also want to move the contents of the divs down one every time the form is submitted, so the text from the form goes the first div, the text that was originally in the first div moves down to the second div, the second to the third and so on.
i am using a javascript function to move the divs everytime the form is submitted, my problem is that they dont want to move !
the javascript function is as follows:
function replacestatus1(){
$('#status2').replaceWith('#status1');
}
(status2 being the id of the second div and status1 being the id of the first)
what happens at the moment is the id of the first div is flashing up and disappearing.
i have also attached jquery to the page
hope ive explained my question well enough
i also want to move the contents of the divs down one every time the form is submitted, so the text from the form goes the first div, the text that was originally in the first div moves down to the second div, the second to the third and so on.
i am using a javascript function to move the divs everytime the form is submitted, my problem is that they dont want to move !
the javascript function is as follows:
function replacestatus1(){
$('#status2').replaceWith('#status1');
}
(status2 being the id of the second div and status1 being the id of the first)
what happens at the moment is the id of the first div is flashing up and disappearing.
i have also attached jquery to the page
hope ive explained my question well enough