изменение действия формы HTML с помощью JQuery

Question

Я пытаюсь изменить действие формы на основе выпадающего меню. Я написал несколько строк jQuery для этого, и он работает в IE, Safari и Chrome, но по какой-то странной причине, а не в FireFox. Я использовал следующий код:

$("#drpAction").change(function(){
   var action = $(this).val();
   var url = action + ".php";
   $("#formPlanSubmission").attr("action", url);
});

Вот теги формы:

<form name='saveMealPlan' id='formPlanSubmission' method='POST'>
    <input type='text' id='saveDate' name='saveDate' />
    <select id='drpAction' name='action'>                        
           <option value='null'>Select One</option>
           <option value='save'>Save Plan</option>
           <option value='view'>View Plan</option>
           <option value='edit'>Edit Plan</option>
    </select>
    <input type='submit' name='submitAction' value='Submit' />
</form>

Как ни странно, я попытался добавить произвольный атрибут «rel» вместо «action», и мой код добавил его в качестве атрибута в мой элемент формы, но он просто не добавит элемент action.

Как я уже говорил, это только в FireFox. это работает в других браузерах.

Любые идеи или решения будут с благодарностью.

Заранее спасибо.