iPhoneデバイスで反応しないjs(spinner)

###実現したいこと
登録ボタンをクリックすると、ロード画面が出てくる設計にしています。
パソコン、アンドロイド、XcodeのSimulatorで行うと問題なく発火するのですが、iPhoneだとロード中が表示されません。
iPhoneでも同様にロード中 + overlayが表示されるようにしたいです。

js
1$(".spinner").spin(); // Shows the default spinner
2$(".spinner").spin(false); // Hide the spinner
3// Show customised spinner:
4$(".spinner").spin({
5  lines: 12, // The number of lines to draw
6  length: 7, // The length of each line
7  width: 9, // The line thickness
8  radius: 30, // The radius of the inner circle
9  color: '#000', // #rgb or #rrggbb
10  speed: 1, // Rounds per second
11  trail: 60, // Afterglow percentage
12  shadow: false // Whether to render a shadow
13});
14$(document).ready(function(){
15  $('.spinner').click(function(){
16    $('.spinner').spin(1000);
17    $('#overlay').fadeIn(200);
18  })
19})

view
1  <div class="container">
2    <%= form_tag("/posts/create", {multipart: true}) do %>
3      <div class="form">
4        <div class="form-body">
5          <% @post.errors.full_messages.each do |message| %>
6            <div class="form-error">
7              <%= message %>
8            </div>
9          <% end %>
10          <div class="posts-new-title"><p>作成</p></div>
11          <p>タイトル</p>
12          <input name="title" value="<%= @post.title %>" >
13          <p>画像</p>
14          <input name="image" type="file">
15          <input type="submit" value="作成する" class="spinner">
16          <span class="spinner"></span><div id="overlay"></div>
17        </div>
18      </div>
19    <% end %>
20  </div>