title: jQuery highlight effect not working?
body: <p>Here is my ascx page with embedded javascript. </p>
  
  <p>I'd like to highlight the view which I have wrapped in a div tag (div2 for test purposes) when the view changes.</p>
  
  <p>As of now the views change fine, but I cannot get the highlight to work. </p>
  
  <p>Is something wrong with my javascript or am I missing something else??</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  
  
  &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"&gt;
  &lt;ContentTemplate&gt;
  &lt;asp:MultiView ID="MultiView1" runat="server"&gt;
  
  &lt;asp:View ID="View1" runat="server"&gt;
     &lt;p&gt;This is View 1&lt;/p&gt;
     &lt;asp:Button ID="Button1" runat="server" Text="Next" onclick="Button1_Click" /&gt;
   &lt;/asp:View&gt;
  
  
   &lt;asp:View ID="View2" runat="server"&gt;
      &lt;div id="div2" style="height:auto; width:auto;"&gt;
      &lt;p&gt;This is View 2&lt;/p&gt;
      &lt;asp:Button ID="Button2" runat="server" Text="Previous" 
          onclick="Button2_Click" /&gt;  
      &lt;asp:Button ID="Button3" runat="server" Text="Next" onclick="Button3_Click" /&gt; 
      &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
      $("#Button1").click(function () {
      $("#div2").effect("highlight", {}, 3000);
      });
      });
      &lt;/script&gt;
  
   &lt;/asp:View&gt;
  
  
   &lt;asp:View ID="View3" runat="server"&gt;
      &lt;p&gt;This is View 3&lt;/p&gt;
      &lt;asp:Button ID="Button4" runat="server" Text="Previous" 
          onclick="Button4_Click1" /&gt;
  
   &lt;/asp:View&gt;
  
   &lt;/asp:MultiView&gt;
  
    &lt;/ContentTemplate&gt;
   &lt;/asp:UpdatePanel&gt; 
  </code></pre>
  
  <p>Code Behind:</p>
  
  <pre><code>namespace Multiview1.Multiview1
  {
  public partial class Multiview1UserControl : UserControl
  {
      protected void Page_Load(object sender, EventArgs e)
      {
          MultiView1.SetActiveView(View1);
      }
  
     protected void Button1_Click(object sender, EventArgs e)
      {
          MultiView1.SetActiveView(View2);
          UpdatePanel1.Update();
      }
  
      protected void Button3_Click(object sender, EventArgs e)
      {
          MultiView1.SetActiveView(View3);
          UpdatePanel1.Update();
      }
  
      protected void Button2_Click(object sender, EventArgs e)
      {
          MultiView1.SetActiveView(View1);
          UpdatePanel1.Update();
      }
  
      protected void Button4_Click1(object sender, EventArgs e)
      {
          MultiView1.SetActiveView(View2);
          UpdatePanel1.Update();
      }
    }
   }
  </code></pre>