title: How to use the Jquery Shake effect on Button click?
body: <p>What i want to do is to shake the textbox if the textbox is empty. But i a unable to do this.
  What i am doing is as follows :</p>
  
  <pre><code>$("#BtnSubmit").click(function() {
                if ($("#txt1").val() == '' || $("#TextBox1").val() == '' || $("#TextBox2").val()) {
                    $("#txt1").effect("shake")
  
                }
  
            });
  
  &lt;div id="keepTextBox"&gt;
                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                &lt;asp:TextBox ID="txt1" ForeColor="White" runat="server" Height="30px" Style="background-color: #46375E;"&gt;&lt;/asp:TextBox&gt;&amp;nbsp;&amp;nbsp;
                &lt;asp:RequiredFieldValidator ControlToValidate="txt1" ID="rftxt1" runat="server" SetFocusOnError="true"&gt;&lt;/asp:RequiredFieldValidator&gt;
                &lt;asp:TextBox ID="TextBox1" ForeColor="White" runat="server" Height="30px" Style="background-color: #46375E"&gt;&lt;/asp:TextBox&gt;&amp;nbsp;&amp;nbsp;
                &lt;asp:RequiredFieldValidator ControlToValidate="TextBox1" ID="rfTextBox1" runat="server"
                    SetFocusOnError="true"&gt;&lt;/asp:RequiredFieldValidator&gt;
                &lt;asp:TextBox ID="TextBox2" runat="server" ForeColor="White" Height="30px" Style="background-color: #46375E"&gt;&lt;/asp:TextBox&gt;&amp;nbsp;&amp;nbsp;
                &lt;asp:RequiredFieldValidator ControlToValidate="TextBox2" ID="rfTextBox2" runat="server"
                    SetFocusOnError="true"&gt;&lt;/asp:RequiredFieldValidator&gt;
                &lt;asp:Button ID="BtnSubmit" runat="server" Width="15%" Text="SIGN UP" ForeColor="White"
                    Style="background-color: #49A7E4; cursor: pointer;" Height="40px" /&gt;&lt;/div&gt;
        &lt;/div&gt;
  </code></pre>