Hi guys, I have a slight problem, I am trying to capture the input of two buttons, one yes, one no, into a database but for some reason the database doesn't always show the value of the button clicked, it just shows up blank.

                <form  action="refer.php" method="post" id="formID" >
            <div class="prompt_container" style="float: left;">
                    <span class="prompt_item"><input type="image" src="images/yes.jpg" alt="submit" value="yes" onclick="this.disabled=true,this.form.submit();" /></span>
                    <input type="hidden" name="refer" value="yes">
            </div>
            </form>

            <form action="thank_you.php" method="post" id="formID" >
            <div class="prompt_container" style="float: right;">
                    <span class="prompt_item"><input type="image" src="images/no.jpg" alt="submit" value="no" onclick="this.disabled=true,this.form.submit();" /></span>
                    <input type="hidden" name="refer" value="no" >
            </div>
            </form>

Apparently anything lower than IE8 will ignore the value attribute of all form inputs.

How could I get this to work properly in all browsers? jQuery or Javascript maybe?