reset form fields when check input is checked

reset form fields when check input is checked

Hi,

When the check input "Create" is checked I want to reset all the form fields. Im using the js below but its not working, do you know why?
  1. <form method="post" class="clearfix">

  2.             <div class="form-row">
  3.                 <div class="form-group col col-lg-6">
  4.                     <label for="options">Options</label>
  5.                         <div class="form-check">
  6.                             <input class="form-check-input" type="radio" name="exampleRadios" id="" value="option1">
  7.                             <label class="form-check-label" for="exampleRadios1">
  8.                                 Option 1
  9.                             </label>
  10.                         </div>
  11.                     <div class="form-check">
  12.                         <input class="form-check-input" type="radio" name="create" id="create" checked value="option1">
  13.                         <label class="form-check-label" for="exampleRadios1">
  14.                             Create
  15.                         </label>
  16.                     </div>
  17.                 </div>
  18.             </div>

  19.             <div class="form-group">
  20.                 <label for="name">Name</label>
  21.                 <input type="text" required name="name" id="name">
  22.             </div>

  23.             <div class="form-group">
  24.                 <label for="description">Description</label>
  25.                 <input type="text" class="form-control" value="" name="description" id="description">
  26.             </div>

  27.             <!-- more fields -->
  28.             <input type="submit" class="btn btn-primary btn float-right" value="Store"/>
  29.         </form>
JS:

  
  1. <script>
  2. $('.create').click(function(){
  3. $('input[type="text"]').val('');
  4. $('input[type="number"]').val('');
  5. });
  6. </script>