Ember Emoji Password

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  email: "emoji@password.com",
  password: "🥓🤠🤣🤦🤦‍🤣👩‍🤣🎨",

  actions: {
  	login: function(email, password) {
  		console.log("email: ",email);
  		console.log("password: ", password);
      console.log("password: ", password.length);
      let params = {
        user: {
          email: email,
          password: password
        }
      };
      let url = "https://posttestserver.com/post.php";
      Ember.$.post(
        url,
        params,
        "html"
      ).then(function(data) {
        console.log("data: ",data);
      });
		}
	}
});

templates.application.hbs

<br><br><br>

<form method="post" {{action "login" email password on="submit"}}>
      <fieldset class="form-group">
        <label for="login">email</label>
        {{input value=email spellcheck=false autocomplete="off"  type="text" class="form-control" id="login"}}
      </fieldset>
      <fieldset class="form-group">
        <label for="password">Password</label>
        {{input value=password type="text" class="form-control" id="password" size="100"}}
      </fieldset>


        <div class="form-group">
          <button type="submit" class="btn btn-cta">Submit</button>
        </div>
      </form>

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1"
  }
}