JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<div class="main_content">
    <div class="tabbable">
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                <div class="row-fluid">
                    <!-- span 4-->
                    <div class="span4">
                        <div class="form-horizontal well">
                            <p class="f_legend">&nbsp;</p>
                            <div class="control-group" style="margin-top:20px;">
                                <label class="control-label">Study Periods</label>
                                <div class="controls">
                                    <div id="semesterCont1268" style="margin-left:0;" class="input-append span11">
                                        <input type="text" class="span10" disabled="disabled" maxlength="50" value="2014/15 Spring - Lev Lachayal" style="background: #FFF;" /> <span class="add-on"><a class="trigger triggerEditSemester" data-id="1268"><i class="splashy-document_letter_edit">EDIT</i></a></span> 
                                    </div>
                                    <div id="semesterCont400" style="margin-left:0;" class="input-append span11">
                                        <input type="text" class="span10" disabled="disabled" maxlength="50" value="2014/15 Fall - Shana 2" /> <span class="add-on"><a class="trigger triggerEditSemester" data-id="400"><i class="splashy-document_letter_edit">EDIT</i></a></span> 
                                    </div>
                                    <div id="semesterCont323" style="margin-left:0;" class="input-append span11">
                                        <input type="text" class="span10" disabled="disabled" maxlength="50" value="2013/14 Full Year - Shana Alef" /> <span class="add-on"><a class="trigger triggerEditSemester" data-id="323"><i class="splashy-document_letter_edit">EDIT</i></a></span> 
              ...

JavaScript

$(".triggerEditSemester").click(function () {
		    $("#EditSemester").modal();
		});

		$("#EditSemester").on("change", "#EditSemesterSemester, #EditSemesterProgramID", function () {
		    var EditSemesterSemester = $("#EditSemesterSemester option:selected").val();
		    if (EditSemesterSemester == '3') {
		        $("#EditSemesterPesachContainer").removeClass("hide");
		    } else {
		        $("#EditSemesterPesachContainer").addClass("hide");

		    }
		    // -------------------------------------------------------
		    var EditSemesterProgramID = $("#EditSemesterProgramID option:selected").val();
		    if (EditSemesterProgramID == '3') {
		        $("#editSemesterDates").removeClass("hide");
		    } else {
		        $("#editSemesterDates").addClass("hide");

		    }


		});