Question

My Jquery

$(".skip").click(function () {
  $('input.inputbox').effect("shake", { times:3 }, 300);
});

my html

<div class="ce-cf-container">
  <input type="text" name="name" id="name" class="inputbox" value="">
</div>

<button class="skip" >Contact us now to gain financial freedom quicker</button>

What I want to do is, once someone clicks on the button I want to shake the input box. Why isnt my code working?

Answer 1

You’ll need to include jQuery UI to make use of effect() as it is not available on jQuery standalone.

Insert the jQuery UI script after your jQuery script and it will start working:

<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"></script>

I’ve created a working Fiddle for it: http://jsfiddle.net/kayen/pQvEk/