international_recruit/app/views/international_recruits/index.html.erb

<%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
<%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
<% 
	data = action_data 
	application = data["application"]
%>
<% if data["member"].nil? %>
	<script type="text/javascript">
		window.location.href = "<%= data["login_url"] %>";
	</script>
<% end %>
<style media="screen">
    table,tr,td,th{
      border: 1px black solid;
    }
    table{
      text-align: center;
      margin: 0 auto;
     	width: 100%;
    }
    .apply_form_table{
    	margin-bottom: 100px;
    }
    #signup_form input[type="text"]{
    	width: 100%;
    }
    .default_picker input[type="text"]{
    	width: auto !important;
    }
    .telephone input[type="text"]{
    	width: auto !important;
    }
    .add-panel table{
			margin-bottom: 30px;
    }
    .add-panel {
    	margin-bottom: 100px;
    }
</style>

<div id="signup_form">
	<h3>Course Signup Form</h3>
	<%= form_for application, :url => "/xhr/international_recruits/submitapplication" do |f| %>
	  <table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
			<tbody>
				<tr>
					<td colspan="4" style="text-align: left;">
						*<%= f.radio_button :student_type, "新生(New students)" %> 新生(New students)
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<%= f.radio_button :student_type, "轉學生(Transferring)" %>轉學生(Transferring)
					</td>
				</tr>
				<tr>
					<th>*姓名(中文)<br>Name(Chinese)</th>
					<td><%= f.text_field :chinese_name, :size => 20 %></td>
					<th>姓名(英文)<br>Name(English)</th>
					<td>
						<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;">
							<tbody>
								<tr>
									<th>First</th>
									<th>Middle</th>
									<th>Last</th>
								</tr>
								<tr>
									<td><%= f.text_field :english_first_name, :size => 8 %></td>
									<td><%= f.text_field :english_middle_name, :size => 8 %></td>
									<td><%= f.text_field :english_last_name, :size => 8 %></td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
				<tr>
					<th>出生地點<br>Place of Birth</th>
					<td><%= f.text_field :place_of_birth, :size => 20 %></td>
					<th>出生年月日<br>Birth Day</th>
					<td>
						<%= f.datetime_picker :birth_date, :no_label => true, :new_record => application.new_record? %>
					</td>
				</tr>
				<tr>
					<th>性別<br>Gender</th>
					<td>
						<%= f.radio_button :gender, "男性(Male)" %>男性(Male)
						&nbsp;&nbsp;&nbsp;&nbsp;
						<%= f.radio_button :gender, "女性(Female)" %>女性(Female)
					</td>
					<th>國籍<br>Nationality</th>
					<td style="text-align: left;">
						<%= f.select :nationality, data["countries"] %><br>
						<br>
					</td>
				</tr>
				<tr>
					<th>護照號碼<br>Passport No.</th>
					<td><%= f.text_field :passport_no, :size => 20 %></td>
				</tr>
				<tr>
					<th>住址(臺灣地區請以中文)<br>Home Address in English</th>
					<td colspan="3" style="text-align: left;">
						<%= f.select :address_nationality, data["countries"] %><br>
						<%= f.text_field :home_address, :size => 60 %>
					</td>
				</tr>
				<tr>
					<th>聯絡電話<br>Telephone</th>
					<td class="telephone">
						國碼 Country code +<%= f.text_field :country_code, :size => 3 %>&nbsp;&nbsp;&nbsp;
						<%= f.text_field :tel_part1, :size => 3 %> -
						<%= f.text_field :tel_part2, :size => 6 %>
					</td>
					<th>手機<br>Cell Phone</th>
					<td><%= f.text_field :mobile, :size => 25 %></td>
				</tr>
				<tr>
					<th>在台聯絡人<br>Contact Person in the R.O.C</th>
					<td>
						<%= f.text_field :taiwan_contact_person, :size => 25 %>
					</td>
					<th>聯絡人手機<br>Contact Person<br>Cell Phone</th>
					<td>
						<%= f.text_field :taiwan_contact_person_phone, :size => 25 %>
					</td>
				</tr>
				<tr>
					<th>在台通訊處<br>Mailing Address in the R.O.C</th>
					<td colspan="3" style="text-align: left;">
						<%= f.text_field :taiwan_mailing_address, :size => 60 %>
					</td>
				</tr>
				<tr>
					<th>監護人姓名<br>Name of parten/legal guardian</th>
					<td colspan="3" style="text-align: left;">
						<%= f.text_field :legal_guardian_name, :size => 60 %>
					</td>
				</tr>
				<tr>
					<th>監護人住址<br>Address of parten/legal guardian</th>
					<td colspan="3" style="text-align: left;">
						<%= f.text_field :legal_guardian_address, :size => 60 %>
					</td>
				</tr>
			</tbody>
  	</table>
  	<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
			<tbody>
				<tr>
					<th width="300">父親曾為臺灣籍<br>Father have Taiwanese citizenship</th>
					<td style="text-align: left;">
						<%= f.radio_button :taiwanese_father, "1" %>是 Yes
						<%= f.radio_button :taiwanese_father, "2" %>否 No
					</td>
				</tr>
        <tr>
					<th>父親姓名<br>Father's Name</th>
					<td><%= f.text_field :father_name, :size => 20 %></td>
					<th>出生年月日<br>Birth Day</th>
					<td><%= f.datetime_picker :father_birthdate, :no_label => true, :new_record => application.new_record? %></td>
				</tr>
				<tr>
					<th>出生地點<br>Place of Birth</th>
					<td>
						<%= f.text_field :father_place_of_birth, :size => 30 %>
					</td>
					<th>聯絡電話<br>Telephone</th>
					<td class="telephone">
						國碼 Country code +<%= f.text_field :father_country_code, :size => 3 %>&nbsp;&nbsp;&nbsp;
						<%= f.text_field :father_tel_part1, :size => 3 %> -
						<%= f.text_field :father_tel_part2, :size => 6 %>
					</td>
				</tr>
				<tr>
					<th>住址<br>Home Address</th>
					<td colspan="3" style="text-align: left;">
						<%= f.text_field :father_home_address, :size => 60 %>
					</td>
				</tr>
				<tr>
					<th width="200">
						<div class="Father_Nationality" style="display:inline">國籍<br>Nationality</div>
						<div class="Father_Security_Number" style="display:none">身份正字號<br>Social Security Number</div>
					</th>
					<td colspan="3" style="text-align: left;">
						<div class="Father_Nationality_ComboSelectHolder" style="display:inline;">
							<%= f.select :father_nationality, data["countries"] %><br>
						</div>
						<div class="Father_SSN_Holder" style="display:none">
							<%= f.text_field :father_ID, :size => 20 %>
						</div>
					</td>
				</tr>
			</tbody>
    </table>
    <table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
    	<tbody>
        <tr>
					<th width="300">母親曾為臺灣籍<br>Mother have Taiwanese citizenship</th>
					<td style="text-align: left;">
						<%= f.radio_button :taiwanese_father, "1" %>是 Yes
						<%= f.radio_button :taiwanese_father, "2" %>否 No
					</td>
				</tr>
      <tbody>
        <tr>
    			<th>母親姓名<br>Mother's Name</th>
    			<td><%= f.text_field :mother_name, :size => 20 %></td>
    			<th>出生年月日<br>Birth Day</th>
    			<td>
						<%= f.datetime_picker :mother_birthdate, :no_label => true, :new_record => application.new_record? %>
    			</td>
    		</tr>
  		  <tr>
    			<th>出生地點<br>Place of Birth</th>
    			<td>
						<%= f.text_field :mother_place_of_birth, :size => 30 %>
    			</td>
    			<th>聯絡電話<br>Telephone</th>
    			<td class="telephone">
    				國碼 Country code +<%= f.text_field :mother_country_code, :size => 3 %>&nbsp;&nbsp;&nbsp;
						<%= f.text_field :mother_tel_part1, :size => 3 %> -
						<%= f.text_field :mother_tel_part2, :size => 6 %>
    			</td>
  		  </tr>
    		<tr>
    			<th>住址<br>Home Address</th>
    			<td colspan="3" style="text-align: left;">
						<%= f.text_field :mother_home_address, :size => 60 %>
    			</td>
    		</tr>
		    <tr>
    			<th width="200">
    				<div class="Mother_Nationality" style="display:inline">國籍<br>Nationality</div>
    				<div class="Mother_Security_Number" style="display:none">身份正字號<br>Social Security Number</div>
    			</th>
    			<td colspan="3" style="text-align: left;">
    				<div class="Mother_Nationality_ComboSelectHolder" style="display:inline;">
							<%= f.select :mother_nationality, data["countries"] %><br>
            </div>
						<div class="Mother_SSN_Holder" style="display:none">
							<%= f.text_field :mother_ID, :size => 20 %>
						</div>
					</td>
        </tr>
    	</tbody>
    </table>
    <table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
      <tbody>
        <tr>
        </tr>
        <tr>
          <th>擬申請就讀之系（所）組及擬攻讀何種學位<br>Department or graduate program do you expect to enroll in at TKU? And What program do you plan pursue</th>
        </tr>
        <tr>
          <td>
						<%= f.select :course_choice_one, data["courses"] %>
          </td>
        </tr>
        <tr>
  			</tr>
        <tr>
          <th>擬申請就讀之系（所）組及擬攻讀何種學位(第二志願)<br>Department or graduate program do you expect to enroll in at TKU? And What program do you plan pursue</th>
        </tr>
  			<tr>
          <td>
						<%= f.select :course_choice_two, data["courses"] %>
  			  </td>
        </tr>
      </tbody>
      <tbody>
        <tr></tr>
        <tr>
          <th>擬申請就讀之系（所）組及擬攻讀何種學位(第三志願)<br>Department or graduate program do you expect to enroll in at TKU? And What program do you plan pursue</th>
        </tr>
			  <tr>
          <td>
						<%= f.select :course_choice_three, data["courses"] %>
			   </td>
        </tr>
	    </tbody>
    </table>
    <table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
      <tbody>
        <tr>
          <th>在台研習期間各項費用來源<br>What are your major financial<br>resources during your study at TKU?</th>
          <td colspan="3">
            <table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
              <tbody>
                <tr>
                  <td><input type="checkbox" name="recruit_application[financial_options][]" value="個人儲蓄 Personal Saving"> 個人儲蓄 Personal Saving</td>
                  <td><input type="checkbox" name="recruit_application[financial_options][]" value="獎助學金 Scholarship"> 獎助學金 Scholarship</td>
                </tr>
                <tr>
                  <td><input type="checkbox" name="recruit_application[financial_options][]" value="父母供給 Parental Support">父母供給 Parental Support</td>
                  <td><input type="checkbox" name="recruit_application[financial_options][]" value="Other">其他 Other <%= f.text_field :financial_other_financial, :size => 20 %> </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <th>健康情形<br>Health Condition</th>
          <td colspan="3">
            <table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
              <tbody>
                <tr>
                  <td><%= f.radio_button :health_condition, "佳 (Good)" %>佳 (Good)</td>
                  <td><%= f.radio_button :health_condition, "尚可 (Average)" %>尚可 (Average)</td>
                  <td><%= f.radio_button :health_condition, "差 (Poor)" %>差 (Poor)</td>
                </tr>
                <tr>
                  <td colspan="3" style="text-align:left;">
                    如有疾病或缺陷請敘明之 (Any major health problem or physical disability?)
                  </td>
                </tr>
                <tr>
                  <td colspan="3" style="text-align:left;">
                    <%= f.text_field :major_health_condition, :size => 60 %>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <th>曾學習中文幾年？<br>How long have you studied Chinese?</th>
          <td colspan="3">
            <%= f.select :chinese_studying_years, data["years"] %>年 (Year)
          </td>
        </tr>
        <tr>
          <th>受何人指導(講授)？<br>Where and under whose guidance have you studied Chinese?</th>
          <td colspan="3">
          	<%= f.text_field :chinese_tutor, :size => 20 %>
          </td>
        </tr>
        <tr>
          <th>中國語文程度<br>Chinese proficiency level</th>
          <td colspan="3">
            <table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
              <tbody>
              	<tr>
	                <th width="100">聽 (Listening)</th>
	                <td><%= f.radio_button :chinese_proficiency_level_listening, "優 (Excellent)" %>優 (Excellent)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_listening, "佳 (Good)" %>佳 (Good)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_listening, "尚可 (Average)" %>尚可 (Average)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_listening, "差 (Poor)" %>差 (Poor)</td>
	              </tr>
	              <tr>
	                <th>說 (Speaking)</th>
	                <td><%= f.radio_button :chinese_proficiency_level_speaking, "優 (Excellent)" %>優 (Excellent)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_speaking, "佳 (Good)" %>佳 (Good)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_speaking, "尚可 (Average)" %>尚可 (Average)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_speaking, "差 (Poor)" %>差 (Poor)</td>
	              </tr>
	              <tr>
	                <th>讀 (Reading)</th>
	                <td><%= f.radio_button :chinese_proficiency_level_reading, "優 (Excellent)" %>優 (Excellent)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_reading, "佳 (Good)" %>佳 (Good)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_reading, "尚可 (Average)" %>尚可 (Average)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_reading, "差 (Poor)" %>差 (Poor)</td>
	              </tr>
	              <tr>
	                <th>寫 (Writing)</th>
	                <td><%= f.radio_button :chinese_proficiency_level_writing, "優 (Excellent)" %>優 (Excellent)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_writing, "佳 (Good)" %>佳 (Good)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_writing, "尚可 (Average)" %>尚可 (Average)</td>
	                <td><%= f.radio_button :chinese_proficiency_level_writing, "差 (Poor)" %>差 (Poor)</td>
	              </tr>
            	</tbody>
            </table>
          </td>
        </tr>
        <tr>
          <th>是否參加過中文語文能力測驗?  <br>Have you taken any Chinese language test?</th>
          <td colspan="3">
            <%= f.radio_button :taken_chinese_test, "是 (Yes)" %>是 (Yes)
            <%= f.radio_button :taken_chinese_test, "否 (No)" %>否 (No)
          </td>
        </tr>
        <tr>
          <th>何種測驗? What kind of test?</th>
          <td colspan="3">
          	<%= f.text_field :chinese_test_name %>
          </td>
        </tr>
        <tr>
          <th>級數? Grade/Level?</th>
          <td colspan="3">
          	<%= f.text_field :chinese_test_level %>
          </td>
        </tr>
      </tbody>
    </table>
    <div id="extra_curricular_area" class="add-panel">
    	<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
  		<tbody>
		    <tr>
		      <th>課外活動 Extra-Curricular Activities</th>
		    </tr>
		    <tr>
		      <td>
		        <div id="activities">
		          <table class="to_clone" width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:10px 0;">
		            <tbody>
		              <tr>
		                <th>活動名稱 (Subject)</th>
		                <td><input type="text" size="20" name="recruit_application[extra_curricular_activities][][subject]" ></td>
		                <th>參加年月</th>
		                <td>
		                	<% years = Time.now.year..Time.now.year - 50 %>
		                  <select name="recruit_application[extra_curricular_activities][][year]">
		                  	<% (years.first).downto(years.last).each do |year| %>
		                  		<option value="<%= year %>"><%= year %></option>
		                  	<% end %>
		                  </select>年 (Year)
		                  <select name="recruit_application[extra_curricular_activities][][month]">
		                  	<% (1..12).each do |month| %>
		                  		<option value="<%= month %>"><%= month %></option>
		                  	<% end %>
		                  </select>月 (Month)
		                </td>
		              </tr>
		            </tbody>
		          </table>
		        </div>
		      </td>
		    </tr>
		  </tbody>
			</table>
			<div class="new_panel"></div>
			<div class="pull-right">
				<a href="#" class="btn btn-default" id="extra_curricular_area_btn">增加一筆 (Add)</a>
			</div>
		</div>
		
		<div id="publications_area" class="add-panel">
			<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
  		<tbody>
		    <tr>
		      <th>著作 Publications</th>
		    </tr>
		    <tr>
		      <td>
		        <div id="publications">
		          <table class="to_clone" width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:10px 0;">
		            <tbody>
		              <tr>
		                <th>著作名稱 (Title)</th>
		                <td><input type="text" size="20" name="recruit_application[publications][][subject]" ></td>
		                <th>參加年月</th>
		                <td>
		                	<% years = Time.now.year..Time.now.year - 50 %>
		                  <select name="recruit_application[publications][][year]">
		                  	<% (years.first).downto(years.last).each do |year| %>
		                  		<option value="<%= year %>"><%= year %></option>
		                  	<% end %>
		                  </select>年 (Year)
		                  <select name="recruit_application[publications][][month]">
		                  	<% (1..12).each do |month| %>
		                  		<option value="<%= month %>"><%= month %></option>
		                  	<% end %>
		                  </select>月 (Month)
		                </td>
		              </tr>
		            </tbody>
		          </table>
		        </div>
		      </td>
		    </tr>
		  </tbody>
			</table>
			<div class="new_panel"></div>
			<div class="pull-right">
				<a href="#" class="btn btn-default" id="publications_area_btn">增加一筆 (Add)</a>
			</div>
		</div>
		
		<div id="employment_area" class="add-panel">
			<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
		  <tbody>
		    <tr>
		      <th>經歷 Previous Employment</th>
		    </tr>
		    <tr>
		      <td>
		        <div id="employments">
		          <table class="to_clone" cellpadding="5" cellspacing="0" border="0" style="margin:10px auto;">
		            <tbody>
		              <tr>
		                <th width="130">公司名稱<br>(Company Name)</th>
		                <td width="130"><input type="text" size="20" name="recruit_application[previous_employments][][company_name]" ></td>
		                <th width="80">職稱 (Title)</th>
		                <td width="150"><input type="text" size="20" name="recruit_application[previous_employments][][title]" ></td>
		              </tr>
		              <tr>
			              <th width="150">起訖日<br>(Attendance Period)</th>
			              <td colspan="3">
			                <table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin:0 auto;">
			                  <tbody>
			                  	<tr>
			                    	<td>
			                    		起 (From)
			                    		<% years = Time.now.year..Time.now.year - 50 %>
						                  <select name="recruit_application[previous_employments][][start_year]">
						                  	<% (years.first).downto(years.last).each do |year| %>
						                  		<option value="<%= year %>"><%= year %></option>
						                  	<% end %>
						                  </select>年 (Year)
						                  <select name="recruit_application[previous_employments][][start_month]">
						                  	<% (1..12).each do |month| %>
						                  		<option value="<%= month %>"><%= month %></option>
						                  	<% end %>
						                  </select>月 (Month)
			                    	</td>
			                    	<td>
			                    		訖 (To)<% years = Time.now.year..Time.now.year - 50 %>
						                  <select name="recruit_application[previous_employments][][end_year]">
						                  	<% (years.first).downto(years.last).each do |year| %>
						                  		<option value="<%= year %>"><%= year %></option>
						                  	<% end %>
						                  </select>年 (Year)
						                  <select name="recruit_application[previous_employments][][end_month]">
						                  	<% (1..12).each do |month| %>
						                  		<option value="<%= month %>"><%= month %></option>
						                  	<% end %>
						                  </select>月 (Month)
			                    	</td>
			                  	</tr>
			                	</tbody>
			                </table>
			              </td>
		            	</tr>
		          	</tbody>
		        	</table>		
		      	</div>
		    	</td>
		  	</tr>
			</tbody>
			</table>
			<div class="new_panel"></div>
			<div class="pull-right">
				<a href="#" class="btn btn-default" id="employment_area_btn">增加一筆 (Add)</a>
			</div>
		</div>
		
		<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
		  <tbody>
		    <tr>
		      <th colspan="4">學歷 Applicant’s previous educational background</th>
		    </tr>
		    <tr>
		      <th>學程 (Degree)</th>
		      <td><%= f.radio_button :degree_type, "中等學校 Secondary Education" %>中等學校<br>Secondary Education</td>
		      <td><%= f.radio_button :degree_type, "專科或大學 College or University" %>專科或大學<br>College or University</td>
		      <td><%= f.radio_button :degree_type, "國民型中學五年級 Form 5 graduates" %>國民型中學五年級<br>Form 5 graduates</td>
		    </tr>
		    <tr>
		      <th>學校名稱 (Name of school)</th>
		      <td colspan="3"><%= f.text_field :school_name %></td>
		    </tr>
		    <tr>
		      <th>學校所在地 (City and country)</th>
		      <td colspan="3"><%= f.text_field :school_city %></td>
		    </tr>
		    <tr>
		      <th>學位 (Degree granted)</th>
		      <td colspan="3"><%= f.text_field :school_degree %></td>
		    </tr>
		    <tr>
		      <th>起迄日 (Attendance period)</th>
		      <td colspan="3">
		         <%= f.datetime_picker :school_start, :label => "起 (From) ", :new_record => application.new_record?, :data=>{"picker-type" => "range", "range" => "start"} %>
		        <%= f.datetime_picker :school_end, :label => "訖 (To) ", :new_record => application.new_record?, :data=>{"picker-type" => "range", "range" => "end"}  %>
		      </td>
		    </tr>
		    <tr>
		      <th>畢業日期 (Date of Graduation)</th>
		      <td colspan="3"><%= f.datetime_picker :graduation_date, :no_label => true, :new_record => application.new_record? %></td>
		    </tr>
		    <tr>
		      <th>主修 (Major)</th>
		      <td colspan="3"><%= f.text_field :course_major, :size => 40 %></td>
		    </tr>
		    <tr>
		      <th>副修 (Minor)</th>
		      <td colspan="3"><%= f.text_field :course_minor, :size => 40 %></td>
		    </tr>
		  </tbody>
		</table>
		<table class="apply_form_table" cellpadding="5" cellspacing="0" border="0" width="800">
		  <tbody>
		    <tr>
		      <th colspan="2">Email</th>
		    </tr>
		    <tr>
		      <th width="250">Email</th>
		      <td><%= f.text_field :email, :size => 40 %></td>
		    </tr>
		    <tr>
		    	<%= f.hidden_field :member_id, :value => data["member"] %>
		    	<td colspan="2"><%= f.submit "Apply", :class => "btn btn-primary" %></td>
		    </tr>
		  </tbody>
		</table>
		
	<% end %>
</div>
<script type="text/javascript">
	$("#extra_curricular_area_btn").on("click",function(){
		var boxtoclone = $("#activities table.to_clone"),
				clonedbox = boxtoclone.clone(),
				deleteicon = $("<a href='#'>Delete</a>"),
				td = $("<td></td>");

		deleteicon.on("click",function(){
			deleteicon.parents(".clonedbox").remove();
			return false;
		})
		td.append(deleteicon);
		clonedbox.removeClass("to_clone");
		clonedbox.addClass("clonedbox");
		clonedbox.find("tbody tr").append(td);
		$("#activities").append(clonedbox);
		return false;
	})

	$("#publications_area_btn").on("click",function(){
		var boxtoclone = $("#publications table.to_clone"),
				clonedbox = boxtoclone.clone(),
				deleteicon = $("<a href='#'>Delete</a>"),
				td = $("<td></td>");

		deleteicon.on("click",function(){
			deleteicon.parents(".clonedbox").remove();
			return false;
		})
		td.append(deleteicon);
		clonedbox.removeClass("to_clone");
		clonedbox.addClass("clonedbox");
		clonedbox.find("tbody tr").append(td);
		$("#publications").append(clonedbox);
		return false;
	})

	$("#employment_area_btn").on("click",function(){
		var boxtoclone = $("#employments table.to_clone"),
				clonedbox = boxtoclone.clone(),
				deleteicon = $("<a href='#'>Delete</a>"),
				td = $("<td rowspan='2' width='50px;'></td>");

		deleteicon.on("click",function(){
			deleteicon.parents(".clonedbox").remove();
			return false;
		})
		td.append(deleteicon);
		clonedbox.removeClass("to_clone");
		clonedbox.addClass("clonedbox");
		clonedbox.find("tbody tr:eq(0)").append(td);
		$("#employments").append(clonedbox);
		return false;
	})
</script>