Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
Alexandra Socha
Table title:
Theater
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Year </th><th colspan=1 rowspan=1 > Title </th><th colspan=1 rowspan=1 > Role </th><th colspan=1 rowspan=1 > Notes </th></tr>
<tr> <td colspan=1 rowspan=1 > 2008-2009 </td><td colspan=1 rowspan=1 > Spring Awakening </td><td colspan=1 rowspan=1 > Wendla (replacement) </td><td colspan=1 rowspan=1 > Broadway </td></tr>
<tr> <td colspan=1 rowspan=1 > 2009 </td><td colspan=1 rowspan=1 > Brighton Beach Memoirs </td><td colspan=1 rowspan=1 > Nora Morton </td><td colspan=1 rowspan=1 > Broadway </td></tr>
<tr> <td colspan=1 rowspan=1 > 2013 </td><td colspan=1 rowspan=1 > Fun Home </td><td colspan=1 rowspan=1 > Medium Alison </td><td colspan=1 rowspan=1 > Off-Broadway (The Public Theatre) </td></tr>
<tr> <td colspan=1 rowspan=1 > 2015 </td><td colspan=1 rowspan=1 > Paint Your Wagon </td><td colspan=1 rowspan=1 > Jennifer Rumson </td><td colspan=1 rowspan=2 > New York City Center Encores! </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=3 > 2018 </td><td colspan=1 rowspan=1 > Hey, Look Me Over! </td><td colspan=1 rowspan=1 > Mabel </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=2 > Head Over Heels </td><td class="highlighted"  colspan=1 rowspan=2 > Philoclea </td><td colspan=1 rowspan=1 > Curran Theatre (out of town tryout) </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > Broadway </td></tr>
</table>
Question:
In what Broadway role did Alexandra Socha play Philoclea, and what year did the play come out?
Answer:
In 2018, Socha played the role of Philoclea in Head Over Heels with Broadway.