Сохранить ajax заполненное значение в раскрывающемся списке

Question

У меня есть форма, в которой хранятся два выпадающих списка. Когда выбрано значение first, вызывается ajax, чтобы отобразить связанные результаты в виде второго выпадающего списка. Моя проблема заключается в том, что когда во втором раскрывающемся списке выбрано значение и отправлена ​​форма, второй раскрывающийся список (который заполняется на основе первого выбора, сделанного в первом поле выбора) становится пустым. Я хочу сохранить значение во втором раскрывающемся списке, выбранном после отправки формы. Могу ли я иметь представление о том же.

          <div class="form-group">
            <div class="col-md-12">
              <div class="col-md-3">
                <label for="username" class="control-label">Select Level:</label>
              </div>
              <div class="col-md-9">
<select name="levels" class="form-control"  required="" id = "level">
    <?php $fnc->selectBoxsearchLevel("tbl_levels_master","id","level_title", $level_id) ; ?>
</select>  
              </div>
            </div>
          </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
    <script type="text/javascript">

  $(document).ready(function() {
  $("#level").change(function() {
    var level_id = $(this).val();
    if(level_id != "") {
      $.ajax({
        url:"get_units.php",
        data:{l_id:level_id},
        type:'POST',
        success:function(response) {
        //console.log (response);
          var resp = $.trim(response);
          $("#unit").html(resp);
        }
      });
    } else {
      $("#unit").html("<option value=''>------- Selected --------</option>");
    }
  });
});
       </script>   
          <div class="form-group">
            <div class="col-md-12">
              <div class="col-md-3">
                <label for="username" class="control-label">Select Unit:</label>
              </div>
              <div class="col-md-9">
<select name="units" class="form-control"  required="" id= "unit">

<option>------- Select --------</option>
</select>

              </div>
            </div>
          </div>

И мой get_units.php

<?php

$db = new Database(DB_SERVER, DB_USER, DB_PASS, DB_DATABASE); 

$level_id = $_POST['l_id'];

    $sql = "select * from tbl where level=$level_id";
    $res = $db->query($sql);


        echo "<option value=''>------- Select --------</option>";
        while($row = mysql_fetch_array($res)) {
            echo "<option value='".$row['id']."'>".$row['title']."</option>";

        }
    ?>