Click check box with ember-cli-page-object

I have a form with an input like so:

I want to click on in and then submit. My page object is like this

export default create({
  form: {
    selectFoo: clickable('.foo'),
    submit: clickable('#search'),
  },
});

However I can't select the checkbox and then submit. What am I doing wrong? I have my form stuff in page.form so it's easier to abstract out from all the other stuff on the page.

My test is like this:

page.form.selectFoo();
page.form.submit();