button add select

button add select

guys i tried insert the options in my select inside div staff-tag, but i dont have sucess, someone can help me, and say whats wrong?

thank you. 

$('#staff_specialization').click(function(){
                $('#staff_specialization').append(
                    $("<option></option>" , {
                        text: "foo",
                        value: "bar"
                    })
                ).appendTo("#staff-tag");
                    });



 <select id="staff_specialization">
                <option>1</option>
              <!--  <option>Dental</option>
                <option>Dental Therapist</option>
                <option>Cosmetic Dentistry</option>
                <option>Dental Examinations</option>
                <option>Dental Public Health</option>  -->
            </select>


            <a class="btn  btn-medium   add_specialization">
                <i class="icon-download-alt"></i> Add
            </a>
            <br>
            <ul class="staff-tag">
                <li><a href="#">tag</a></li>
                <li><a href="#">tag name</a></li>

            </ul>