How to override the selected value of a drop-down list with jQuery

I am using a drop-down using JSTL (on the JSP page), this drop-down contains multiple records. Code SS

Original drop down

EXPECTED RESULT: There should be new "Value" on drop down and that value is not part of drop down.

<select name="salution" class="form-select" id="salution" required>
  <c:forEach items="${salution}" var="sol">
    <option value="${sol.lovVal}">${sol.lovName}</option>
  </c:forEach>
</select>

I want to show a single value on that drop-down which already holds too many values. I am using Ajax to override a single value on the same drop-down which already holds multiple values.

 var someValue="some value";                  
                $('#salution')
                        .find('option')
                        .remove()
                        .end()
                        .append('<option value="${sol.lovVal}" >${someValue}</option>');

also tried this one, I have to just override ${someValue}.

var someValue="some value";                  
                $('#salution')
                        .find('option')
                        .remove()
                        .end()
                        .append('<option value="1" >${someValue}</option>');

Any solution?