select solo un object a través de jQuery y envíelo con un formulario

Estoy construyendo una pequeña aplicación de testing y las opciones son todos elementos de la list (li)

En jQuery o javascript, ¿cómo podría permitir que el usuario select una respuesta (está bien si necesito agregar una label 'a') y luego cuando hacen clic en enviar (lo que se puede hacer a través de javascript o jquery) el valor se envía con eso. También cuando el usuario hace clic en una opción; donde pondría el código jquery para manipular el CSS.

Código de muestra:

<li id="q1" value="1">Option 1</li> <li id="q2" value="2">Option 2</li> <li id="q3" value="3">Option 3</li> 

Gracias por adelantado. Si me suena un poco confuso o si no puedes entender lo que trato de decir, por favor comenta y trataré de aclararlo.

Tal vez deberías usar (o al less probar) una

 <input type="radio"> 

para evitar todos esos feos lios de JavaScript.

Método 1

 <label><input type="radio" name="Question" value="1">Option 1</label><br> <label><input type="radio" name="Question" value="2">Option 2</label><br> <label><input type="radio" name="Question" value="3">Option 3</label> 

Utilizar:

 -webkit-appearance: none; -moz-appearance: none; 

Para borrar todo el estilo de la <input> pnetworkingeterminada para que pueda aplicar el background, el color, los bordes o lo que quiera allí.

Método 2

 <li><label><input type="radio" name="Question" value="1">Option 1</label></li> <li><label><input type="radio" name="Question" value="2">Option 2</label></li> <li><label><input type="radio" name="Question" value="3">Option 3</label></li> input[type=radio]{ width:0px; height:0px; } 

Usando este método, el button de radio también se seleccionará cuando click el <li> . ¡Además puedes diseñar tu <li> también!

DEMO EN VIVO: http://jsfiddle.net/DerekL/CDV7q/ (con algunas modificaciones adicionales)