  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>

<div id="contact-form2" style="width: 600px;">
{!--}

{exp:channel:entry_form channel="jobs" return="alumni_and_grad_fellows/submit_posting/thanks" datepicker="yes" use_live_url="yes"}
<fieldset>

    <label for="title">Job Title</label>
    <input type="text" name="title" id="title" value="{title}" size="50" maxlength="100" onkeyup="liveUrlTitle();" class="field">

    <label for="url_title">URL Title</label>
    <input type="text" name="url_title" id="url_title" value="{url_title}" maxlength="75" size="50" class="field">

    
    <p class="form">
    	<label for="position_type">Position Type</label>
    	<select name="position_type" id="position_type">
            {options:position_type}
                <option value="Full-time"{selected}>Full-time</option>
                <option value="Part-time">Part-time</option>
                <option value="Internship">Internship</option>
                <option value="Graduate student Funding (Research Asst., Teaching Asst., Fellow, etc.)">Graduate student Funding (Research Asst., Teaching Asst., Fellow, etc.)</option>
            {/options:position_type}
    	</select>
	</p>
    
{if radio}
{options}{option_value} <input type="radio" id="{field_name}" name="{field_name}" value="{option_value}"{checked} />
{/options}
{/if}

{if pulldown}
<select id="{field_name}" name="{field_name}">
{options}<option value="{option_value}"{selected}>{option_name}</option>{/options}<br />
</select>
{/if}

  <label for="entry_date">Date</label>
    <input type="hidden" name="entry_date" id="entry_date" value="{entry_date}">

    <div style="float:left;">    
        <label for="expiration_date">Application Deadline</label>
        <input type="text" name="expiration_date" value=""  id="datepicker">
    </div>
    <div style="float:right;">
        <label class="label-checkbox">or
        <input type="checkbox" name="field_id_47" id="field_id_47" value="Open Until Filled"> Open Until Filled</label>
    </div>
    <div class="clear"></div>    

    <label for="{field_id_41}">Company/Organization</label>
    <input type="text" name="field_id_41" id="field_id_41" value="" class="field">
    <input type="hidden" name="field_ft_41" value="none" />

    <label for="{field_id_42}">City</label>
    <input type="text" name="field_id_42" id="field_id_42" value="" class="field">
    <input type="hidden" name="field_id_42" value="none" />

    <label for="{field_id_43}">State/Province</label>
    <input type="text" name="field_id_43" id="field_id_43" value="" class="field">
    <input type="hidden" name="field_id_43" value="none" />

    <label for="{field_id_44}">Country</label>
    <input type="text" name="field_id_44" id="field_id_44" value="" class="field">
    <input type="hidden" name="field_id_44" value="none" />

    <div style="float:left;">
        <label for="{field_id_48}">Salary Level</label>
        <input type="text" name="field_id_48" id="field_id_48" value="" class="field-sm">
        <input type="hidden" name="field_id_48" value="none" />
    </div>
   <div style="float:right;">
        <label class="label-checkbox">or
        <input type="checkbox" name="field_id_49" id="field_id_49" value="Commensurate with Experience"> Commensurate with Experience</label>
    </div>
    <div class="clear"></div>

    <label for="{field_id_51}">URL for more info</label>
    <input type="text" name="field_id_51" id="field_id_51" value="" class="field">
    <input type="hidden" name="field_id_51" value="none" />

     <label for="{field_id_52}">Contact Name</label>
        <input type="text" name="field_id_52" id="field_id_52" value="" class="field">
        <input type="hidden" name="field_id_52" value="none" />

    <label for="{field_id_53}">Contact Email</label>
        <input type="text" name="{field_id_53}" id="field_id_53" value="" class="field">
        <input type="hidden" name="field_id_53" value="none" />

    <label for="{field_id_54}">Contact Address</label>
        <input type="text" name="field_id_54" id="field_id_54" value="" class="field">
        <input type="hidden" name="field_id_54" value="none" />

    <label for="{field_id_55}">Contact City</label>
        <input type="text" name="field_id_55" id="field_id_55" value="" class="field">
        <input type="hidden" name="field_id_55" value="none" />

    <label for="{field_id_56}">Contact State</label>
        <input type="text" name="field_id_56" id="field_id_56" value="" class="field">
        <input type="hidden" name="field_id_56" value="none" />

    <label for="{field_id_57}">Contact Zip</label>
        <input type="text" name="field_id_57" id="field_id_57" value="" class="field">   
        <input type="hidden" name="field_id_57" value="none" />


    <p class="form">
    {if captcha}
        <label for="captcha">Please enter the word you see in the image below:</label>
        {captcha}
        <input type="text" name="captcha" value="{captcha_word}" class="field">
    {/if}
	</p>

    
    <input type="submit" name="submit" value="Submit" class="submit-btn-forms">
    </fieldset>
{/exp:channel:entry_form}

--}

{exp:channel:entry_form channel="jobs" return="alumni_and_grad_fellows/submit_posting/thanks"}

{preview}
<h1>{title}</h1>
{display_custom_fields}
{/preview}

<fieldset>
    <label for="title">Job Title</label>
    <input type="text" name="title" id="title" value="{title}" size="50" maxlength="100" onkeyup="liveUrlTitle();" class="field">

    <label>URL Title</label>
    <input type="text" name="url_title"  id='url_title' value="{url_title}" maxlength="75" size="50" class="field" /></p>

{custom_fields}
<label>{if required}* {/if}{field_label}</label>

{if textarea}
<textarea id="{field_name}" name="{field_name}" dir="{text_direction}" cols="50" rows="{rows}">{field_data}</textarea>
{/if}

{if textinput}
<input type="text" dir="{text_direction}" id="{field_name}" name="{field_name}" value="{field_data}" maxlength="{maxlength}" size="50" class="field" />
{/if}

{if pulldown}
<select id="{field_name}" name="{field_name}">
{options}<option value="{option_value}"{selected}>{option_name}</option>{/options}
</select>
{/if}

{if date}
<input type="text" id="datepicker" name="{field_name}" value="{field_data}" />
{/if}

{if relationship}
<select id="{field_name}" name="{field_name}">
{options}<option value="{option_value}"{selected}>{option_name}</option>{/options}
</select>
{/if}

{if multiselect}
<select id="{field_name}" name="{field_name}[]" multiple="multiple">
{options}<option value="{option_value}"{selected}>{option_name}</option>{/options}
</select>
{/if}

{if checkbox}
{options}{option_value} <input type="checkbox" id="{field_name}" name="{field_name}[]" value="{option_value}"{checked} />
{/options}
{/if}

{if radio}
{options}{option_value} <input type="radio" id="{field_name}" name="{field_name}" value="{option_value}"{checked} />
{/options}
{/if}

{if file}
    {file}
{/if}

{/custom_fields}



<input type="submit" name="submit" value="Submit" />
<input type="submit" name="preview" value="Preview" />

</fieldset>

{/exp:channel:entry_form}



</div>