WordPress表单，无法使用jQuery设置值

Question

I've designed a simple form in Wordpress which I included (as HTML) in an external file [see background at the end] . In this file, an event listener is supposed to fill an input of the form. But I cannot set a value in this input, the change doesn't seem to be made.

Here is the input (as generated with Wordpress) :

<span class="wpcf7-form-control-wrap tarif-depart">
     <input name="tarif-depart" value="" size="40" class="wpcf7-form-control wpcf7-text tarif-hidden" id="tarif-depart" aria-invalid="false" type="text">
</span>

And here is the JS :

$('#tarif-depart')
    .val(places.O[0].formatted_adress)

Background

I'm working on a little script using Google Map API on a Wordpress site. The fact is including my script (and HTML elements) doesn't seem to work well when integrated. So, I chosed to include it inside an iframe. The script is related to a form that I had to add in the iframe for communication. But it doesn't work better ...

Thanks for your help.

Answer 1

If you are writing jQuery in a PHP document (like Wordpress) you need to write it as

jQuery('#tarif-depart')
    .val(places.O[0].formatted_adress)

or wrap it in a wrapper like this:

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

source for the last bit