Jquery + Ajax в приложении rails делает кнопку отправки невидимой

Question

Я следую этому уроку https://www.youtube.com/watch?v=FBxVN7U1Qsk, чтобы создать новый Collections на экране.

Кажется, это работает, за исключением того, что когда я нажимаю на ссылку Создать форму, моя формаКнопка отправки становится крошечным квадратом, едва видимым.

Вот мой new.js.erb вид:

$('#new_link').hide().after('<%= j render("form") %>')

Вот мой новый вид.html.erb:

<% provide(:title, 'New collection') %>
<% provide(:button_text, 'Create collection') %>

<div class="container">
    <h1>New collection</h1>
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
         <%= render 'form' %>
      </div>
    </div>
</div>

Вот часть моей формы:

<div id="form">
  <%= form_for([@seller, @collection]) do |f| %>
    <%= render 'shared/error_messages', object: @collection %>

    <%= f.label :name %>
    <%= f.text_field :name, class: 'form-control', id: 'collection-input' %>
    <br>

    <%= f.submit yield(:button_text), class: "btn btn-primary" %>
  <% end %>
</div>

Вот индексное представление:

<% provide(:title, 'Collections') %>

  <div class="row">
    <div class="col-lg-4 col-md-6 mb-4">
        <div class="card h-100">
          <div class="card-body">
            <h4 class="card-title">Create a new collection</h4>
            <p class="card-text">                     
                <%= link_to 'Create collection', new_seller_collection_path(@seller), { :class=>"btn btn-primary", :id=>"new_link", remote: true } %>
            </p>
          </div>
        </div>
      </div>

Вот скриншот того, что происходит (верхняя левая карточка):

Есть идеи как это исправить?Я явно невежественен.Заранее спасибо!