Unable to open fancybox after partial view rendering in MVC3 using Razor engine.

    @using (Ajax.BeginForm("_SubmitComment", "Blogs", new AjaxOptions
    {
        UpdateTargetId = "comments",
        OnSuccess = "OnSuccess",
        OnFailure = "OnFailure",
        LoadingElementId = "loading",
        OnBegin = "onSubmitBegin",
        InsertionMode = InsertionMode.Replace
    }))
    {  <!-- comment box --> 
        @Html.AntiForgeryToken()
        <div class="comment-box">
            <h3>
                Comments</h3>
            @if (@ViewData["StatusMessage"] != null && @ViewData["StatusMessage"].ToString().Trim().Length > 0)
            {
                <p class="graymessage" id="messagearea">
                         @ViewBag.StatusMessage.Trim()</p>
            }
            <ul>
                @foreach (var comment in Model.comment)
                {
                
                    <li>
                        <p>
                            @comment.CommentByName says</p>
                        <span>@comment.CommentDate at @comment.CommentTime</span>
                        <p>
                            @comment.Content
                            <br class="cl" />
                            <br class="cl" />
                            @if (!(@comment.IsAbused))
                            {
                                <a id="@comment.commentid.ToString()"  önclick="javascript:GetMyID(this);" 
                                style="text-decoration: none; color: blue; removed: pointer;" href="#inline1" class="various21"><!--Open Fancybox on click of this link-->
                                    Report Abuse</a>
                            }
                    else
                            {
                                <a  önclick="javascript:AlreadyMarked();" style="text-decoration: none; color: blue;
                                    cursor: pointer;">Report Abuse</a>
                            }
                        </p>
                    </li>
                }
            </ul>
            <div class="cl">
            </div>
      
<script type="text/javascript">
    $(document).ready(function () {


        $(".various21").fancybox();
     


    });</script>  </div>

function OnSuccess() {
 try {
         
          
            $(".various21").on("click", function (args) {
                GetMyID(this);
                alert("heelll");
                fancybox()
            });
            $(".various2").on("click", function (args) {
                alert("heelll");
                GetMyID(this);
                fancybox()
            });
            $(".various2").on("click", function (args) {
                alert("heelll");
                GetMyID(this);
                fancybox()
            });
            $(".various21").on("click", function (args) {
                alert("heelll");
                GetMyID(this);
                fancybox()
            });
           


        } catch (ee) {
            alert(ee.Message);
        }
    }