https://legacy.forums.gravityhelp.com/topic/clearing-default-field-values-with-jquery-1 Gravity Support Forums Topic: Clearing default field values with Jquery en-US Mon, 20 Apr 2026 10:09:54 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/clearing-default-field-values-with-jquery-1#post-72688 Sun, 26 Aug 2012 22:20:35 +0000 Chris Hajer 72688@https://legacy.forums.gravityhelp.com/ <p>The problem is you loaded the clearit script before jQuery is loaded, so this will never work. </p> <p>Screenshot: <a href="http://minus.com/lb2FhER2FHIBwh" rel="nofollow">http://minus.com/lb2FhER2FHIBwh</a></p> <p>You need to include this script:</p> <pre><code>[js] &lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function() { jQuery.fn.cleardefault = function() { return this.focus(function() { if( this.value == this.defaultValue ) { this.value = &quot;&quot;; } }).blur(function() { if( !this.value.length ) { this.value = this.defaultValue; } }); }; jQuery(&quot;.clearit input, .clearit textarea&quot;).cleardefault(); }); &lt;/script&gt;</code></pre> <p><strong>after</strong> jQuery is loaded by the theme. How did you add that script? If you just pasted it into header.php, you put it up too high. It need to be closer to the closing &lt;/head&gt; tag, like right before it actually. And it certainly needs to be after jQuery is loaded (in other words, your clearit script needs to come after line 41 in the <a href="http://minus.com/lb2FhER2FHIBwh" rel="nofollow">screenshot</a>.</p> <p>That should get it working for you at least. However, the proper way to do this is to enqueue this script, only on the pages where you need it (maybe all, since it's a sidebar form) and make sure its dependency of jquery is satisfied before loading. We can tackle that, if you want, after this is working with the code pasted into the correct place in header.php. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/clearing-default-field-values-with-jquery-1#post-72669 Sun, 26 Aug 2012 18:48:49 +0000 jblack350 72669@https://legacy.forums.gravityhelp.com/ <p>I am having a little trouble getting the following tutorial to work on my wordpress theme: <a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/</a> </p> <p>The form is on the sidebar for email signup: <a href="http://www.mattcarterband.com" rel="nofollow">http://www.mattcarterband.com</a></p> <p>I have added the code snippet to my header file in the head tags and also changed the css class name to "clearit" on the form. No luck though. How can I tell if the jQuery library is loaded in my theme? If it is not, are there tutorials on how to do this?</p> <p>Thanks! </p>