title: CasperJS seems unable to recognise password field on login form
body: <p>I'm brand new to CasperJS and coffeescript. I have a very simple part of my CasperJS coffeescript test to login to a website, that used to work before a recent change to the password element of the login form. Unfortunately I can't remember the original form but here's how the current login form looks:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="login-body"&gt;
    &lt;img src="/assets/images/logo.png" class="logo" alt="Test Acme Wil-e-Coyote Company"&gt;    
    &lt;form action="/Login/login/" method="post"&gt;
      &lt;h2&gt;Please log in to catch the roadrunner:&lt;/h2&gt;
      &lt;div class="form-row"&gt;
        &lt;label for="login-username"&gt;Username:&lt;/label&gt;
        &lt;input type="text" id="login-username" class="text placeholder" 
        data-placeholder="first.last" placeholder="first.last" name="username
        value&gt;
      &lt;/div&gt;
      &lt;div class="form-row form-password"&gt;
        &lt;label for="login-password-placeholder"&gt;Password:&lt;/label&gt;
        &lt;input type="text" id="login-password-placeholder" class="text password-placeholder 
        placeholder" name="password" data-placeholder="Password is case sensitive"
        placeholder="Password is case sensitive"&gt;
        &lt;input type="password" id="login-password" class="text password-text placeholder"
        name="password" placeholder="Password is case sensitive" style="opacity: 0;
        position: fixed; display: none;"&gt;
      &lt;/div&gt;
      &lt;div class="form-row"&gt;
        &lt;p class="switch"&gt;&lt;a href="/Login/recover" 
        data-switch="forgot"&gt;Having trouble logging in? »&lt;/a&gt;&lt;/p&gt;
        &lt;input type="submit" id="login-submit" class="submit" value="Log In"&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>Variations of my coffeescript I've tried to use to login are as follows:</p>
  
  <p><strong>1.</strong> <em>this one used to work fine before</em></p>
  
  <pre class="lang-coffee prettyprint-override"><code>casper.start appUrl('http://acmewilecoyote/Login/login'), -&gt;
    @fill 'div#login-body &gt; form'
        username: 'MyName'
        password: 'MyPassword'
      , true
    @wait 4000
  </code></pre>
  
  <p><strong>2.</strong></p>
  
  <pre class="lang-coffee prettyprint-override"><code>casper.start appUrl('http://acmewilecoyote/Login/login'), -&gt;
    @fill 'div#login-body'
        username: 'MyName'
        password: 'MyPassword'
      , true
    @wait 4000
  </code></pre>
  
  <p><strong>3.</strong> <em>there's no other form on this page - this has worked with a login form on a different site</em></p>
  
  <pre class="lang-coffee prettyprint-override"><code>casper.start appUrl('http://acmewilecoyote/Login/login'), -&gt;
    @fill 'form'
        username: 'MyName'
        password: 'MyPassword'
      , true
    @wait 4000
  </code></pre>
  
  <p><strong>4.</strong></p>
  
  <pre class="lang-coffee prettyprint-override"><code>casper.start appUrl('http://acmewilecoyote/Login/login'), -&gt;
    @fill 'form#login-body'
        username: 'MyName'
        password: 'MyPassword'
      , true
    @wait 4000
  </code></pre>
  
  <p>The debug output doesn't supply anything useful, so I added some screen capturing to the script, and from what they look like it seems like it tries to submit the form with the password field left blank. Any help would be much appreciated.</p>