Как получить значения текстового поля только для чтения в переменную javascript

---

у меня есть форма внутри, в которой с помощью php я заполняю поля текстового поля и устанавливаю его только для чтения.теперь я хочу получить значения текстового поля только для чтения в переменные в javascript и выполнить проверку.После загрузки документа я пытаюсь сохранить значения в переменных я становлюсь пустым string.is это возможно сделать вот так. пожалуйста, помогите мне.Заранее спасибо.

<div class="col-md-1">
						<div class="form-group">
						<label>CAPACITY</label>
						<input type="text" id="student1" name="student1" value="<?php echo $venuecapacity1;?>" readonly class="form-control">
						</div>
					</div>
					<div class="col-md-1">
						<div class="form-group">
						<label>TO BE ALLOTED</label>
						<input type="text" id="cpcty1" name="capacity1"   class="form-control">
						<input type="hidden" id="fld1" name="filled1" value="<?php echo $capacity;?>" readonly class="form-control">
						</div>
					</div>
				</div>

Что я уже пробовал:

<pre>$(document).ready(function(){
		debugger;
		var aloted=$("#fld1").val();
		var capacity=$("#cpcty1").val();
		var aloted2=$("#fld2").val();
		var capacity2=$("#cpcty2").val();
		var aloted3=$("#fld3").val();
		var capacity3=$("#cpcty3").val();

			$("#cpcty1").change(function(){

				alert(aloted);
				alert(capacity);
					});
				});
			</script>

---