$.post и получить запрос работает нормально на компьютере, не работает на мобильном телефоне

Question

Поэтому я пытаюсь заставить своих пользователей создать профиль, а затем опубликовать и затем попасть на страницу профиля. Работает нормально на моем ноутбуке, но не работает на моем телефоне, и я понятия не имею, почему. Вот что я имею в настройке (редактировать профиль).ejs:

$('form.save-stuff').submit (function(e) {

  let bio = $('textarea[name="band-bio"]').val();
  let name = $('input[name="band-name"]').val();
  let youtube = $('.youtubeUrl').val();
  console.log(name);
  console.log(bio);
  let genres = [];
  $.each($("input[name='genre']:checked"), function(){
      genres.push($(this).val());
      console.log(genres);
    });

  let seeking = [];
  $.each($("input[name='skill']:checked"), function(){
    seeking.push($(this).val());
    console.log(seeking);
  });
        $.post('',
        {
          name : name,
          bio  :  bio,
          genres : genres,
          seeking : seeking,
          youtube : youtube

        },
        function(data, status){
            console.log("Data: " + data + "\nStatus: " + status);
            window.location.href='/profile';
        });

  });

мой профиль.ejs:

  <li class='card'>
      <i class="fa fa-cog" aria-hidden="true"></i>
      <div class='dropdown-content' id='myDropdown'>
        <a href='/customize'>Edit Profile</a>
        <a href='/logout'>Log out</a>
      </div>
      <h2 class='profile-intro'><%= user.name %><span><%= user.genres %></span><span>Looking for: <%=user.seeking %></span></h2>
      <p class='profile-bio'><%= user.bio %></p>
      <h2 class="audition-header"> My Audition </h2>
      <iframe width="286" height="200" src="//www.youtube.com/embed/<%= user.youtube %>" frameborder="0" allowfullscreen></iframe>
      <ul>
      <% for(var i=0; i<user.matches.length; i++) { %>
      <% } %>
    </ul>
    </li>

и в моих маршрутах у меня есть:

//edit profile get request
app.get('/customize', isLoggedIn, function(req, res) {
      console.log(req.user);
        res.render('customize.ejs', {
          message: req.flash('signupMessage'),
          user : req.user
        });
    });

    app.post('/customize', isLoggedIn, function(req, res) {
        console.log(req.user, req.body);
        req.user.name = req.body.name;
        req.user.bio  = req.body.bio;
        req.user.genres = req.body.genres;
        req.user.youtube = getId(req.body.youtube);
        req.user.seeking = req.body.seeking;
        req.user.save(function(err) {
        });
        res.end();
    });

 //get profile, find user, and render profile 
 app.get('/profile', isLoggedIn, function(req, res) {
  User.find().exec().then(x => {

    res.render('profile.ejs', {
        user : req.user,
        all  : x
    });
  })
});

так что все это прекрасно работает на компьютере. когда я нажимаю "отправить", профиль пользователя получает информацию, а затем сразу отображает ее. На мобильном устройстве он просто возвращается на страницу настройки (редактирования профиля). любая помощь очень ценится. Если вы хотите увидеть его в действии, он доступен по адресу: https://mighty-shelf-29540.herokuapp.com/. Спасибо