Ember app not posting to server with Ember Data

I am trying to connect my ember app to a node server on the backend. Right now, I have a sign up and login form and when the user submits either form it will go through an authentication process setup in node using Passport. However when the submit button is pressed it just reloads the current page and doesn't even send a HTTP post request. Any ideas on why this is happening/ how to fix it?

Here is my adapter:

import DS from "ember-data";

var ApplicationAdapter = DS.RESTAdapter.extend({  
    host: 'http://localhost:8080'
});

export default ApplicationAdapter;

Here is my sign up controller:

import Ember from 'ember'; 

export default Ember.Controller.extend({
    actions: {
    new: function() {
      console.log('creating new user...');

      var model = this.get('user');

      user = this.get('store').createRecord('user', {
        title: model.get('title'),
        password: model.get('password')
      });
      user.save().then(function(data) {
        // Clear the form.
        Ember.$(':input').val('');
      });
    },
  }
});

Here is my model:

import DS from 'ember-data';

export default DS.Model.extend({
    username: DS.attr('string'),
    password: DS.attr('string')
});

Here is the form:

<div class="row text-center">
    <h1>Signup</h1>
</div>

<form>

    <div class="row">
      <div class="medium-6 medium-centered columns">
        {{input value=username type="text" placeholder="Username"}}
      </div>
    </div>

    <div class="row">
      <div class="medium-6 medium-centered columns">
        {{input value=password type="password" placeholder="Password"}}
      </div>
    </div>

    <div class="row">
      <div class="medium-6 medium-centered columns">
        {{input class="button" type="submit" value="Signup"}}
      </div>
    </div>



</form>