Not Working: changing placeholder's value of input type accoring to the select value in select option
<p>I have the following HTML:</p>

<pre><code>&lt;span style="margin-top: -2px;"&gt;    
    &lt;select id="selectID" style="width: 150px"&gt;
    &lt;option value="customerID"&gt;Customer ID&lt;/option&gt;
        &lt;option value="ECPDProfileID"&gt;ECPD Profile ID&lt;/option&gt;
&lt;/select&gt;

&lt;/span&gt;

&lt;input type="text" id="customerProfileID" placeholder="here"/&gt;
</code></pre>

<p>I was trying to change the placeholder value according to the value selected in the select option.</p>

<p>I tried the following jQuery code for this:</p>

<pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      var v = $("#selectID").val();
  $("#customerProfileID").attr('placeholder', v);
  });
&lt;/script&gt;
</code></pre>

<p>This code changes the placeholder's value only once when the page loads first time, as I know I kept it inside document ready function. I wanted to change the value of placeholder according to the value is selected in the select option. Do I need to make another call or can do from inside the document ready function, or any other solution?</p>
