rails tag issue with html

<div class="well original3">
 <%= form_tag( { :controller => 'businesses', :action => 'create' }, { :id =>        'myform',:class  => 'form-inline offset3', :method => 'post'}) do %>
<%= text_field_tag('mnum' ,nil, :class => "input-xlarge", :style => "text-    align:center;height:28px;",:placeholder => "Enter Mobile Number") %>
 <%= submit_tag "Get", :id => "da",:class =>     "btn btn-large btn-primary" %>


$(document).ready(function () {
$("#da").click(function() {
  //$(".original3").fadeOut(300, function() {
        //$(".original3").css("display", "block");
        $(".checked3").css("display", "block");


Basically another Div will be hide via css. when click this Get button that div should show, But here is the problem when i click the GET button the the other div will show and fadeout soon. But when i change the GET button type submit to button that will work properly…? How to avoid this problem…?


Thank you

change event from click() to onSubmit

$('#da').bind('submit', function() ...


Thanks tom, Here the submission happens, but the other will’not show… I just give like this

$(document).ready(function () {

$("#da").bind(‘submit’,function() {

//$(".original").fadeOut(300, function() {

at least, use $().show() or $().hide() instead of setting CSS values

or $().toggle(visible?) where visible is true/false


Here i do like this

$(document).ready(function () {

$("#da").bind(‘submit’,function() {