อยากทราบวิธีการใส่ input text ใน drop-down list ทำยังไงครับ และเช็คค่า drop-down list อันที่ 1 ที่ถูกเลือกแล้ว จะไม่มีใน drop-down list อันที่ 2

    <form id="form1" runat="server">

	    <input type="text" name="perspective1" id="perspective1" list="list_perspective1"/>
		<datalist id="list_perspective1" name="list_perspective1">
		    <option value="option1"></option>
		    <option value="option2"></option>
		    <option value="option3"></option>
		    <option value="option4"></option>
		</datalist>


		<input type="text" name="perspective2" id="perspective2" list="list_perspective2"/>
		<datalist id="list_perspective2" name="list_perspective2">
		    <option value="option1"></option>
		    <option value="option2"></option>
		    <option value="option3"></option>
		    <option value="option4"></option>
		</datalist>
    </form>

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">

        $(function() {
		  $('#perspective1').on('input',function() {

		    var opt = $(this).val();
		    if (opt!= "") {
		        $('datalist[id="list_perspective2"] option[value="' +opt+'"]').hide();
		    }

		  });

		  $('#perspective2').on('input',function() {
		    var opt = $(this).val();
		    if (opt!= "") {
		        $('datalist[id="list_perspective1"] option[value="' +opt+'"]').hide();
		    }

		  });
		});

    </script>