Reset not working

by Gobind Samrow

HTML

<div class="main-content col-md-7">
  <div class="section-a1">
    <h5 id="education-section" class="section-title"><span data-localize="pages.doctor_public_profile.qualifications">Qualifications</span> <span data-localize="pages.doctor_public_profile.of">of</span> Dr Gobind Singh
                <a href="javascript:;" class="add-education pull-right text-orange"><i class="fa fa-plus-square" aria-hidden="true"></i> <span data-localize="buttons.add_education">Add Education</span></a>
                </h5>
    <hr>
    <div class="row qualification-list">
      <div class="col-sm-12">
        <span class="education-view">
                                                        <h5 class="text-orange">MDS (Master Degree ) 
                                <a class="adj-education" href="javascript:;" title="" data-toggle="tooltip" data-placement="top" data-original-title="Edit">
                                    <input class="hdn_id" type="hidden" value="44"><i class="fa fa-pencil-square"></i>
                                </a>
                                <a class="education-delete text-danger" href="javascript:;" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete">
                                    <input class="hdn_id" type="hidden" value="44"><i class="fa fa-times-circle-o"></i>
                                </a>
                            </h5>
                            <span class="span-container2">
                                <span class="dest">
                                    <span class="">
                                        <ul class="plain-list">
                                            <li><span data-localize="labels.form">From</span> Punjab Uni,India</li>
        <li>Detail </li>
        </ul>
        </span>
        </span>
        </span>
        </span>
        <div class="education-edit hidden-element">
          <form class="on-screen-form1 row" id="educ_form" novalidate="novalidate">
       ...

CSS

.hidden-element {
  display: none;
}

JavaScript

$(function() {
   $(".cancel-experience").on('click', function(e) {
     $('.experience-edit').slideUp();
     $('.experience-view').slideDown();
     e.preventDefault();
   });
   $(".add-experience").on('click', function(e) {
     $('.experience-edit').slideUp();
     $('.experience-view').slideDown();
     $("#exp_form").reset();
     e.preventDefault();
   });

   $(".cancel-education").on('click', function(e) {
     $('.education-edit').slideUp();
     $('.education-view').slideDown();
     e.preventDefault();
   });
   $(".add-education").on('click', function(e) {
     $('.education-edit').slideDown();
     $('.education-view').slideUp();
     $("#educ_form").reset();
     e.preventDefault();
   });
 });