title: Change Placeholder Text using jQuery
body: <p>I am using a jQuery placeholder plugin(https://github.com/danielstocks/jQuery-Placeholder). I need to change the placeholder text with the change in dropdown menu. But it is not changing. Here is the code:</p>
  
  <pre><code>$(function () {
      $('input[placeholder], textarea[placeholder]').placeholder();
      $('#serMemdd').change(function () {
          var k = $(this).val();
          if (k == 1) {
              $("#serMemtb").attr("placeholder", "Type a name (Lastname, Firstname)").placeholder();
          }
          else if (k == 2) {
              $("#serMemtb").attr("placeholder", "Type an ID").placeholder();
          }
          else if (k == 3) {
              $("#serMemtb").attr("placeholder", "Type a Location").placeholder();
          }
      });
  });
  </code></pre>
  
  <p>My Html:</p>
  
  <pre><code>&lt;div class="filterbox"&gt;
          &lt;select name="ddselect" id="serMemdd"&gt;
              &lt;option value="1" selected="selected"&gt;Search by Name&lt;/option&gt;
              &lt;option value="2"&gt;Search by ID&lt;/option&gt;
              &lt;option value="3"&gt;Search by Location&lt;/option&gt;
          &lt;/select&gt;
          &lt;input id="serMemtb" type="text" style="width: 490px" placeholder="Type a name    (Lastname, Firstname)" /&gt;
          &lt;input id="seMemBut" type="button" value="Search" /&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Can anyone figure this out?</p>