safariでsubmitした時にjQueryでの処理が実行されません

前提・実現したいこと

safariで検索した時(submit)に、cssアニメーションを表示できる様にしたいです。

発生している問題・エラーメッセージ

chromeでは検索時に隠れていたcssローディングアニメーションが表示されるのに、
safariでは表示されません。(クロームはPC,スマホでも問題なく動作確認済み)

該当のソースコード

<form method="get" action="/output">
        <input type="text" id=a name="name" style="width:350px;" 
        class='sample' placeholder="商品を入力して下さい">
    </form>

<script>
    $(function(){
        $('#loader').hide();
        $('form').on('submit',function(){
             $('#loader').fadeIn();
             $("#a").blur();
        });
    });
    </script>

main{

    max-width:100%;

}

h1{

    font-size: 400%;
  　
}


p {
    font-size: 15px;


}    



.font_test {
    font-size: 150%;    /* 文字サイズ指定 */
    color: #bf0100;     /* 文字色指定 */
}

.font_tes{
    color: #bf0100;
}
body {
  text-align: center;
  background-color: #eee;
  position:relative;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


/* The loader container */
#loader {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 200px;
  height: 200px;

  margin-top: 115px;
  margin-left: -100px;

  perspective: 200px;
  transform-type: preserve-3d;
 }


/* The dot */
.dot {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 120px;
  height: 120px;

  margin-top: -60px;
  margin-left: -60px;

  border-radius: 100px;
  border: 40px outset #1e3f57;

  transform-type: preserve-3d;
  transform-origin: 50% 50%;

  transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);

  background-color: transparent;

  animation: dot1 1000ms cubic-bezier(.49,.06,.43,.85) infinite;
}

.dot:nth-child(2) {
  width: 140px;
  height: 140px;

  margin-top: -70px;
  margin-left: -70px;

  border-width: 30px;
  border-color: #447891;

  animation-name: dot2;
  animation-delay: 75ms;

  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
  transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
}

.dot:nth-child(3) {
  width: 160px;
  height: 160px;

  margin-top: -80px;
  margin-left: -80px;

  border-width: 20px;
  border-color: #6bb2cd;

  animation-name: dot3;
  animation-delay: 150ms;

  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
  transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
}

@keyframes dot1 {
  0% {
    border-color: #772525;
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
  }
  50% {
    border-color: #774025;
    transform: rotateX(20deg) rotateY(20deg) rotateZ(50deg) translateZ(0px);
  }
  100% {
    border-color: #772525;
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
  }
}

@keyframes dot2 {
  0% {
    border-color: #b54c4c;
    box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.2);
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
  }
  50% {
    border-color: #b56741;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.8);
    transform: rotateX(20deg) rotateY(20deg) rotateZ(50deg) translateZ(0px);
  }
  100% {
    border-color: #b54c4c;
    box-shadow: inset 0 0 15px 0 rgba(255, 255, 255, 0.2);
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
  }
}

@keyframes dot3 {
  0% {
    border-color: #e05555;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
  }
  50% {
    border-color: #e08355;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.8);
    transform: rotateX(20deg) rotateY(20deg) rotateZ(50deg) translateZ(0px);
  }
  100% {
    border-color: #e05555;
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
    transform: rotateX(24deg) rotateY(20deg) rotateZ(0deg) translateZ(-25px);
  }
}

試したこと

<script>
    $(function(){
        $('#loader').hide();
        $('form').on('submit',function(){
             setTimeout(gogo,1)
        });
    });
    function gogo(){
        $('#loader').fadeIn();
            $("#a").blur();
}

    </script>

safariはsubmitと他の処理が同時に出来ないとの事だったのでsetTimeoutで処理を遅らせたりしてみましたがアニメーションが処理される事はありませんでした。

補足情報（FW/ツールのバージョンなど）

javascriptはhtml内に記載されております。