anchor.diff:              return valid;
           };
   
  -        $('.form-row :input').on('change', function() {
  -
  -        });
  -
           $('#timeline-preview button').on('click', function() {
               if ($('#timeline-preview span').html() == '▶') {
                   $('iframe').css('height', '300px');
  
positive.code:         <label>Display date</label>
          <input name="display_date" type="text" style="width: 100px"></input>
        </li>
        <li style="width:10%">
          <label>Description <span style="color: red;">*</span></label>
          <textarea name="description" style="width: 80px; height: 100px;" required></textarea>
        </li>
        <li style="width:10%">
          <label>Link</label>
          <input name="link" type="url" style="width: 80px;"  />
        </li>
        <li style="width:10%">
          <label>Series</label>
          <input name="series" type="text" style="width: 80px;"/>
        </li>
        <li style="width:15%">
          <label>HTML</label>
          <textarea name="html" style="height: 100px;"></textarea>
        </li>
        <li style="visibility: hidden">
          <button type="button" class="remove-row">X</button>
  
negative.code:     <iframe style="width: 100%; height: 0px;"></iframe>
    </div>
    <form class="forms" id="manual-input">
      <ul class="multicolumn form-row" style="width: 100%;">
        <li style="width: 15%;">
          <label>Date <span style="color: red;">*</span></label>
          <input type="date" name="date" required>
  