On change not working in chrome

JavaScript
1

I have the following code which works fine in fire fox but in chrome it will hide the div but when i choose free it doesnt show it again, any ideas?


                                    <label for="ax_type"> Type</label>
                                    <select name="type" id="type">
                                        <option value="free">Free</option>
                                        <option value="premium">Premium</option>
                                    </select>
                            
                                    <script type="text/javascript">
                                        jQuery(function($) {
                                            
                                            $('#ax_type').change(function(){
                                                if ( $(this).val() == "free" ) {
                                                    $('.submit_right').show();
                                                } else {
                                                    $('.submit_right').hide();
                                                }
                                            });
                                             
                                        });                                            
                                    </script>
2

ax_type refers to the label element, whereas it is the select element that you need to use instead.

3

I knew I was missing something simple. Thanks