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:
Ayub Khan-Din
Table title:
Writing credits
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Title </th><th colspan=1 rowspan=1 > Year </th><th colspan=1 rowspan=1 > Medium </th><th colspan=1 rowspan=1 > Notes </th></tr>
<tr> <th class="highlighted"  colspan=1 rowspan=1 > East is East </th><td class="highlighted"  colspan=1 rowspan=1 > 1996 </td><td colspan=1 rowspan=1 > Theatre </td><td class="highlighted"  colspan=1 rowspan=1 > New Comedy Play; Writer </td></tr>
<tr> <th colspan=1 rowspan=1 > East is East </th><td colspan=1 rowspan=1 > 1999 </td><td colspan=1 rowspan=1 > Film </td><td colspan=1 rowspan=1 > Screenplay; (Adapted) Writer </td></tr>
<tr> <th colspan=1 rowspan=1 > Rafta Rafta </th><td colspan=1 rowspan=1 > 2007 </td><td colspan=1 rowspan=1 > Theatre </td><td colspan=1 rowspan=1 > New Comedy Play; Writer (Adaptation) Writer </td></tr>
<tr> <th colspan=1 rowspan=1 > West is West </th><td colspan=1 rowspan=1 > 2010 </td><td colspan=1 rowspan=1 > Film </td><td colspan=1 rowspan=1 > Screenplay; Writer </td></tr>
<tr> <th colspan=1 rowspan=1 > All in Good Time </th><td colspan=1 rowspan=1 > 2012 </td><td colspan=1 rowspan=1 > Film </td><td colspan=1 rowspan=1 > Screenplay; Writer </td></tr>
</table>
Question:
What is the first play Kahn Din wrote and when is it?
Answer:
Kahn Din began writing plays in theatre, the first was East is East (1996).